one update

zobkazi · Jun 13, 2024 · fb0ef30 · fb0ef30
1 parent 20e4619
commit fb0ef30
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 39 deletions.
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -1,28 +1,3 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
-
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
-
-@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
-
-
-
-
-
-html,
-body {
-  height: 100%;
-  margin: 0;
-  font-family: 'Inter', sans-serif;
-}
-
-#root,
-#__next {
-  height: 100%;
-}
-
-main {
-  overflow: auto;
-}
+@tailwind utilities;
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -57,14 +57,14 @@ export default function RootLayout({
 
       <meta name="twitter:card" content="zobaidulkazi" />
       <body className={inter.className}>
-        <div className="flex">
+        <div className=" ">
           <Sidebar />
-          <main className="flex-1 ml-0 md:ml-64 p-5 transition-all duration-300 relative">
+          <main className="ml-0 md:ml-64 transition-all duration-300 relative">
             <div className="fixed top-4 right-4 z-50">
               <DarkModeToggle />
             </div>
             <ScrollToTop />
-            <div className="container m-auto box-border w-9/10">{children}</div>
+            <div className="">{children}</div>
           </main>
         </div>
       </body>

diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx
@@ -0,0 +1,9 @@
+import React from 'react'
+
+const portfolioPage = () => {
+  return (
+    <div>portfolioPage</div>
+  )
+}
+
+export default portfolioPage
diff --git a/src/components/sidebar/Sidebar.tsx b/src/components/sidebar/Sidebar.tsx
@@ -79,20 +79,18 @@ const Sidebar = () => {
     <>
       <div
         onClick={handleOpen}
-        className="md:hidden  shadow-2xl cursor-pointer text-white fixed top-4 left-4 z-50"
+        className="md:hidden  shadow-2xl cursor-pointer text-white fixed top-4 left-4 z-30"
       >
-        <span className="block w-8 h-1 bg-slate-950 dark:bg-lime-50 mb-1"></span>
-        <span className="block w-8 h-1 bg-slate-950 dark:bg-lime-50 mb-1"></span>
-        <span className="block w-8 h-1 bg-slate-950 dark:bg-lime-50 mb-1"></span>
+        <AdjustmentsHorizontalIcon className="w-6 h-6 text-white" aria-hidden="true" />
       </div>
       <aside
         ref={sidebarRef}
-        className={`fixed top-0 left-0 h-full bg-lime-50 dark:bg-gray-800 p-5 transition-transform duration-300 ${
+        className={`fixed top-0 left-0 h-full bg-white dark:bg-gray-800 w-40 md:w-48 lg:w-64 transition-transform duration-300 ${
           open ? "translate-x-0" : "-translate-x-full"
         } md:translate-x-0 z-40`}
       >
         <div className="mt-5">
-          <div className="text-slate-950 dark:text-white text-2xl font-bold mb-10">
+          <div className="text-slate-950 dark:text-white text-xl font-bold mb-10">
             <Link href="/" onClick={handleClose}>
               <h1 className="font-extralight">Zobaidul Kazi</h1>
             </Link>
@@ -116,9 +114,9 @@ const Sidebar = () => {
               </li>
             ))}
           </ul>
-          <div className="mt-10 text-black dark:text-yellow-50 text-sm">
-            Power By <Link href="https://kazibyte.github.io" target="_blank">Kazi Byte</Link>{" "}
-            <span className="text-slate-950 dark:text-white">
+          <div className="mt-10 text-black dark:text-yellow-50 text-xs md:text-sm">
+            Power By <Link className="font-bold underline" href="https://kazibyte.github.io" target="_blank">Kazi Byte</Link>{" "}
+            <span className="text-slate-950 dark:text-white font-extrabold">
               &copy; {new Date().getFullYear()}
             </span>
           </div>

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -29,7 +29,7 @@ const config: Config = {
     },
   },
 
-  darkMode: "media",
+  darkMode: "class",
   plugins: [],
 };
 export default config;