From 96bfa8f131de64f8b9c588484883ee61cf78382e Mon Sep 17 00:00:00 2001
From: Cody Seibert <webdevcody@gmail.com>
Date: Sun, 14 Dec 2025 01:01:00 -0500
Subject: [PATCH] Add logo_larger.png and update sidebar component for improved
 branding display

- Introduced a new logo_larger.png file to the public assets.
- Updated the Sidebar component to enhance the branding display based on sidebar state, ensuring a consistent user experience.
---
 .../public/{logo_big.png => logo_larger.png}  | Bin
 apps/app/src/components/layout/sidebar.tsx    |  48 +++++++++++-------
 2 files changed, 29 insertions(+), 19 deletions(-)
 rename apps/app/public/{logo_big.png => logo_larger.png} (100%)

diff --git a/apps/app/public/logo_big.png b/apps/app/public/logo_larger.png
similarity index 100%
rename from apps/app/public/logo_big.png
rename to apps/app/public/logo_larger.png
diff --git a/apps/app/src/components/layout/sidebar.tsx b/apps/app/src/components/layout/sidebar.tsx
index c2a38245..27e7e9aa 100644
--- a/apps/app/src/components/layout/sidebar.tsx
+++ b/apps/app/src/components/layout/sidebar.tsx
@@ -240,7 +240,7 @@ export function Sidebar() {
 
   // Auto-collapse sidebar on small screens
   useEffect(() => {
-    const mediaQuery = window.matchMedia('(max-width: 1024px)'); // lg breakpoint
+    const mediaQuery = window.matchMedia("(max-width: 1024px)"); // lg breakpoint
 
     const handleResize = () => {
       if (mediaQuery.matches && sidebarOpen) {
@@ -253,8 +253,8 @@ export function Sidebar() {
     handleResize();
 
     // Listen for changes
-    mediaQuery.addEventListener('change', handleResize);
-    return () => mediaQuery.removeEventListener('change', handleResize);
+    mediaQuery.addEventListener("change", handleResize);
+    return () => mediaQuery.removeEventListener("change", handleResize);
   }, [sidebarOpen, toggleSidebar]);
 
   // Filtered projects based on search query
@@ -816,27 +816,37 @@ export function Sidebar() {
         >
           <div
             className={cn(
-              "flex items-center titlebar-no-drag cursor-pointer",
+              "flex items-center titlebar-no-drag cursor-pointer group",
               !sidebarOpen && "flex-col gap-1"
             )}
             onClick={() => setCurrentView("welcome")}
             data-testid="logo-button"
           >
-            <div className="relative flex items-center justify-center rounded-lg group">
-              <img
-                src="/logo.png"
-                alt="Automaker Logo"
-                className="size-8 group-hover:rotate-12 transition-transform"
-              />
-            </div>
-            <span
-              className={cn(
-                "ml-1 font-bold text-sidebar-foreground text-base tracking-tight",
-                sidebarOpen ? "hidden lg:block" : "hidden"
-              )}
-            >
-              Auto<span className="text-brand-500">maker</span>
-            </span>
+            {!sidebarOpen ? (
+              <div className="relative flex items-center justify-center rounded-lg">
+                <img
+                  src="/logo.png"
+                  alt="Automaker Logo"
+                  className="size-8 group-hover:rotate-12 transition-transform"
+                />
+              </div>
+            ) : (
+              <span
+                className={cn(
+                  "flex items-center font-bold text-sidebar-foreground text-base tracking-tight",
+                  "hidden lg:flex"
+                )}
+              >
+                <img
+                  src="/logo.png"
+                  alt="A"
+                  className="h-[1.3em] w-auto inline-block align-middle group-hover:rotate-12 transition-transform"
+                />
+                <span className="-ml-0.5">
+                  uto<span className="text-brand-500">maker</span>
+                </span>
+              </span>
+            )}
           </div>
           {/* Bug Report Button */}
           <button