From 532e7a1f60b4160120ba9971caab8a126931f2f7 Mon Sep 17 00:00:00 2001 From: RUSHIGoswami Date: Wed, 20 Nov 2024 12:47:34 +0530 Subject: [PATCH] Minor fixes --- .gitignore | 2 -- index.html | 4 +-- src/App.jsx | 86 ++++++++++++++++++++++++-------------------------- vite.config.js | 2 +- 4 files changed, 45 insertions(+), 49 deletions(-) diff --git a/.gitignore b/.gitignore index a547bf3..234f2f1 100644 --- a/.gitignore +++ b/.gitignore @@ -8,8 +8,6 @@ pnpm-debug.log* lerna-debug.log* node_modules -dist -dist-ssr *.local # Editor directories and files diff --git a/index.html b/index.html index 0c589ec..02c5a03 100644 --- a/index.html +++ b/index.html @@ -1,10 +1,10 @@ - + - Vite + React + Rushi - Portfolio
diff --git a/src/App.jsx b/src/App.jsx index fe81876..6577a92 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,19 +1,16 @@ -import { ThemeProvider, createTheme } from '@mui/material/styles'; -import CssBaseline from '@mui/material/CssBaseline'; -import { BrowserRouter as Router } from 'react-router-dom'; -import Navbar from './components/Navbar'; -import Hero from './components/Hero'; -import About from './components/About'; -import Skills from './components/Skills'; -import Projects from './components/Projects'; -import Contact from './components/Contact'; -import { Box, IconButton } from '@mui/material'; -import { useState, useMemo } from 'react'; -import Brightness4Icon from '@mui/icons-material/Brightness4'; -import Brightness7Icon from '@mui/icons-material/Brightness7'; - +import { ThemeProvider, createTheme } from "@mui/material/styles"; +import CssBaseline from "@mui/material/CssBaseline"; +import { BrowserRouter as Router } from "react-router-dom"; +import Navbar from "./components/Navbar"; +import Hero from "./components/Hero"; +import About from "./components/About"; +import Skills from "./components/Skills"; +import Projects from "./components/Projects"; +import Contact from "./components/Contact"; +import { Box } from "@mui/material"; +import { useState, useMemo } from "react"; function App() { - const [mode, setMode] = useState('dark'); + const [mode, setMode] = useState("dark"); const theme = useMemo( () => @@ -21,20 +18,20 @@ function App() { palette: { mode, primary: { - main: mode === 'dark' ? '#7C3AED' : '#6D28D9', // Purple shade - light: mode === 'dark' ? '#8B5CF6' : '#7C3AED', - dark: mode === 'dark' ? '#5B21B6' : '#5B21B6', + main: mode === "dark" ? "#7C3AED" : "#6D28D9", // Purple shade + light: mode === "dark" ? "#8B5CF6" : "#7C3AED", + dark: mode === "dark" ? "#5B21B6" : "#5B21B6", }, secondary: { - main: mode === 'dark' ? '#EC4899' : '#DB2777', // Pink shade + main: mode === "dark" ? "#EC4899" : "#DB2777", // Pink shade }, background: { - default: mode === 'dark' ? '#0F172A' : '#F8FAFC', // Slate colors - paper: mode === 'dark' ? '#1E293B' : '#FFFFFF', + default: mode === "dark" ? "#0F172A" : "#F8FAFC", // Slate colors + paper: mode === "dark" ? "#1E293B" : "#FFFFFF", }, text: { - primary: mode === 'dark' ? '#F1F5F9' : '#1E293B', - secondary: mode === 'dark' ? '#CBD5E1' : '#475569', + primary: mode === "dark" ? "#F1F5F9" : "#1E293B", + secondary: mode === "dark" ? "#CBD5E1" : "#475569", }, }, typography: { @@ -62,8 +59,8 @@ function App() { MuiContainer: { styleOverrides: { root: { - '@media (min-width: 1200px)': { - maxWidth: '1400px', + "@media (min-width: 1200px)": { + maxWidth: "1400px", }, }, }, @@ -71,49 +68,50 @@ function App() { MuiPaper: { styleOverrides: { root: { - backgroundImage: 'none', + backgroundImage: "none", }, }, }, }, }), - [mode], + [mode] ); const toggleColorMode = () => { - setMode((prevMode) => (prevMode === 'light' ? 'dark' : 'light')); + setMode((prevMode) => (prevMode === "light" ? "dark" : "light")); }; return ( - - + diff --git a/vite.config.js b/vite.config.js index dd54bee..e9559c7 100644 --- a/vite.config.js +++ b/vite.config.js @@ -4,5 +4,5 @@ import react from "@vitejs/plugin-react"; // https://vite.dev/config/ export default defineConfig({ plugins: [react()], - base: "./portfolio/", + base: "/portfolio/", });