change logo to circular stacked logo and remove it from navbar

PySpur-Dev · Feb 13, 2025 · 13821dd · 13821dd
1 parent 2f0094d
commit 13821dd
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 3 deletions.
diff --git a/frontend/public/pyspur-black.png b/frontend/public/pyspur-black.png
diff --git a/frontend/public/pyspur_white.png b/frontend/public/pyspur_white.png
diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
@@ -249,13 +249,11 @@ const Header: React.FC<HeaderProps> = ({ activePage, associatedWorkflowId, runId
                 <NavbarBrand className="h-full max-w-fit">
                     {activePage === 'dashboard' ? (
                         <div className="flex items-center gap-2 cursor-pointer">
-                            <img src="/pyspur-logo.svg" alt="PySpur Logo" className="h-6 w-6 dark:invert" />
                             <p className="font-bold text-lg text-default-900">PySpur</p>
                         </div>
                     ) : (
                         <Link href="/" className="cursor-pointer">
                             <div className="flex items-center gap-2">
-                                <img src="/pyspur-logo.svg" alt="PySpur Logo" className="h-6 w-6 dark:invert" />
                                 <p className="font-bold text-default-900">PySpur</p>
                             </div>
                         </Link>

diff --git a/frontend/src/pages/_app.tsx b/frontend/src/pages/_app.tsx
@@ -11,7 +11,8 @@ const MyApp: React.FC<AppProps> = ({ Component, pageProps }) => {
     return (
         <Provider store={store}>
             <Head>
-                <link rel="icon" type="image/svg+xml" href="/pyspur-logo.svg" />
+                <link rel="icon" type="image/png" href="/pyspur-black.png" media="(prefers-color-scheme: light)" />
+                <link rel="icon" type="image/png" href="/pyspur-white.png" media="(prefers-color-scheme: dark)" />
             </Head>
             <HeroUIProvider>
                 <NextThemesProvider attribute="class" defaultTheme="light">