💎 style(logo): use dashpress logos

dashpresshq · Oct 6, 2023 · ffbfcd2 · ffbfcd2
1 parent a154264
commit ffbfcd2
Show file tree

Hide file tree

Showing 13 changed files with 7 additions and 11 deletions.
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 <h1 align="center">
   <a href="https://github.com/dashpresshq/dashpress">
-    <img src="https://dashpress.io/assets/images/logo.png" alt="Logo" height="100">
+    <img src="https://dashpress.io/assets/logos/full-logo-white.png" alt="Logo" height="100">
   </a>
 </h1>
 

diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/assets/images/full-logo-white.png b/public/assets/images/full-logo-white.png
diff --git a/public/assets/images/full-logo.png b/public/assets/images/full-logo.png
diff --git a/public/assets/images/logo-white.png b/public/assets/images/logo-white.png
diff --git a/public/assets/images/logo.png b/public/assets/images/logo.png
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/src/frontend/_layouts/app/LayoutImpl/SideBar.tsx b/src/frontend/_layouts/app/LayoutImpl/SideBar.tsx
@@ -20,16 +20,16 @@ import { RenderNavigation } from "./RenderNavigation";
 
 const StyledLogoSm = styled.img`
   width: 28px;
-  margin-top: 16px;
 `;
 
 const StyledLogoFull = styled.img`
-  margin-top: 16px;
   width: 120px;
 `;
 
 const StyledBrand = styled.div`
-  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   height: 70px;
 `;
 

diff --git a/src/frontend/design-system/layouts/GuestLayout/_partials/GuestHeader/index.tsx b/src/frontend/design-system/layouts/GuestLayout/_partials/GuestHeader/index.tsx
@@ -23,16 +23,12 @@ interface IProps {
   homeLink?: string;
 }
 
-export function GuestHeader({
-  title,
-  subTitle,
-  logo = "/assets/images/logo.png",
-  homeLink = "/",
-}: IProps) {
+export function GuestHeader({ title, subTitle, logo, homeLink = "/" }: IProps) {
   return (
     <Root>
       <a href={homeLink}>
-        <img src={logo} height="50" alt="logo" />
+        <Spacer />
+        {logo && <img src={logo} height="40" alt="logo" />}
         <Spacer />
         <Typo.MD color="inverse">{title}</Typo.MD>
         <Spacer size="xs" />