Merge pull request #31 from solid/feat/my-storages

feat: added new solid file manager logo

Author: PreciousOritsedere

app/components/Header.tsx

@@ -36,17 +36,16 @@ export default function Header({ onMenuClick, sidebarOpen = false }: HeaderProps
           )}
 
           {/* Logo/App Name */}
-          <div className="flex items-center gap-2 sm:gap-3">
+          <div className="max-w-[250px] max-h-[200px] w-full h-full flex items-center justify-center flex-shrink-0">
             <Image
-              src="/solid.svg"
+              src="/file-manager-logo.svg"
               alt="Solid Logo"
               width={24}
               height={24}
-              className="h-6 w-6 flex-shrink-0 sm:h-7 sm:w-7"
+              className="w-full h-full object-cover "
               priority
               aria-hidden="true"
             />
-            <h1 className="text-sm font-medium text-black sm:text-lg">Solid File Manager</h1>
           </div>
 
           {/* Action Buttons */}

app/components/LoginPage.tsx

@@ -40,14 +40,14 @@ export default function LoginPage() {
         aria-label="Branding section"
       >
         <div className="max-w-md">
-          <header className="mb-8">
-            <div className="mb-8">
+          <header className="flex flex-col items-center justify-center gap-2">
+            <div className="flex items-center justify-center w-[200px] h-[200px]">
               <Image
-                src="/solid.svg"
-                alt="Solid Logo"
-                width={80}
-                height={80}
-                className="mb-6"
+                src="/file-manager-logo.svg"
+                alt="Solid File Manager Logo"
+                width={60}
+                height={60}
+                className="w-full h-full object-cover"
                 priority
               />
             </div>
@@ -66,13 +66,14 @@ export default function LoginPage() {
       >
         <div className="w-full max-w-md">
           {/* Mobile logo */}
-          <header className="mb-8 lg:hidden">
-            <div className="mb-6 flex justify-center">
+          <header className="mb-8 lg:hidden flex flex-col items-center justify-center">
+            <div className="mb-2 flex items-center justify-center w-[200px] h-[200px]">
               <Image
-                src="/solid.svg"
-                alt="Solid Logo"
+                src="/file-manager-logo.svg"
+                alt="Solid File Manager Logo"
                 width={60}
                 height={60}
+                className="w-full h-full object-cover"
                 priority
               />
             </div>

app/layout.tsx

@@ -16,11 +16,11 @@ const geistMono = Geist_Mono({
 export const metadata: Metadata = {
   title: "Solid File Manager",
   description: "A Google Drive-like file manager for Solid Pods",
-  icons: {
-    icon: "/solid.svg",
-    shortcut: "/solid.svg",
-    apple: "/solid.svg",
-  },
+    icons: {
+      icon: "/favicon.svg",
+      shortcut: "/favicon.svg",
+      apple: "/favicon.svg",
+    },
 };
 
 export default function RootLayout({