replace logo

acharayaP03 · Jan 7, 2025 · 80ac4d9 · 80ac4d9
1 parent fc66b80
commit 80ac4d9
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 26 deletions.
diff --git a/index.html b/index.html
@@ -1,23 +1,23 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-	<head>
-		<meta charset="UTF-8" />
-		<link rel="icon" type="image/svg+xml" href="/logo-dark.png" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<link rel="preconnect" href="https://fonts.googleapis.com" />
-		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-		<link
-			href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"
-			rel="stylesheet"
-		/>
-		<link
-			href="https://fonts.googleapis.com/css2?family=Sono:wght@400;500;600&display=swap"
-			rel="stylesheet"
-		/>
-		<title>My Cabins</title>
-	</head>
-	<body>
-		<div id="root"></div>
-		<script type="module" src="/src/main.jsx"></script>
-	</body>
+    <head>
+        <meta charset="UTF-8" />
+        <link rel="icon" type="image/svg+xml" href="/cabin.png" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+        <link
+            href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap"
+            rel="stylesheet"
+        />
+        <link
+            href="https://fonts.googleapis.com/css2?family=Sono:wght@400;500;600&display=swap"
+            rel="stylesheet"
+        />
+        <title>My Cabins</title>
+    </head>
+    <body>
+        <div id="root"></div>
+        <script type="module" src="/src/main.jsx"></script>
+    </body>
 </html>
diff --git a/public/cabin.png b/public/cabin.png
diff --git a/src/layouts/Sidebar.jsx b/src/layouts/Sidebar.jsx
@@ -22,7 +22,7 @@ export default function Sidebar() {
         <StyledSidebar>
             <Logo />
             <MainNav />
-            {/* <Uploader /> */}
+            <Uploader />
         </StyledSidebar>
     );
 }
diff --git a/src/ui/Common/Logo.jsx b/src/ui/Common/Logo.jsx
@@ -6,19 +6,24 @@ const StyledLogo = styled.div`
 `;
 
 const Img = styled.img`
-    height: 9.6rem;
+    height: 3.6rem;
     width: auto;
 `;
 
+const P = styled.p`
+    font-size: 2.2rem;
+    font-weight: 500;
+    color: var(--color-grey-600);
+`;
+
 function Logo() {
     const { isDarkMode } = useDarkMode();
 
-    const srcDependingOnModeToggle = isDarkMode
-        ? "/logo-dark.png"
-        : "/logo-light.png";
+    const srcDependingOnModeToggle = isDarkMode ? "/cabin.png" : "/cabin.png";
     return (
         <StyledLogo>
             <Img src={srcDependingOnModeToggle} alt="Logo" />
+            <P>The Cabin</P>
         </StyledLogo>
     );
 }