From 96834c541cd114cd2a3d650fa015d47542f8481f Mon Sep 17 00:00:00 2001 From: Thomas Reitz Date: Tue, 10 Mar 2026 12:17:14 +0100 Subject: [PATCH] fix: enlarge brand/logo section in sidebar MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Increase min-height from 56px to 68px - Logo maxHeight 32px → 44px, maxWidth 140px → 160px - Brand title font-size 1.25rem → 1.5rem - More padding in brand area Co-Authored-By: Claude Opus 4.6 --- packages/frontend/src/shell/AppLayout.module.css | 7 ++++--- packages/frontend/src/shell/AppLayout.tsx | 4 ++-- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/packages/frontend/src/shell/AppLayout.module.css b/packages/frontend/src/shell/AppLayout.module.css index 511dbe1..8e35c39 100644 --- a/packages/frontend/src/shell/AppLayout.module.css +++ b/packages/frontend/src/shell/AppLayout.module.css @@ -24,22 +24,23 @@ /* ===== Brand / Logo ===== */ .brand { - padding: 1.25rem 1.5rem; + padding: 1.5rem; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; - min-height: 56px; + min-height: 68px; } .sidebarCollapsed .brand { padding: 1.25rem 0; justify-content: center; + min-height: 56px; } .brand h2 { - font-size: 1.25rem; + font-size: 1.5rem; font-weight: 700; letter-spacing: 2px; color: #60a5fa; diff --git a/packages/frontend/src/shell/AppLayout.tsx b/packages/frontend/src/shell/AppLayout.tsx index a184ed8..7688068 100644 --- a/packages/frontend/src/shell/AppLayout.tsx +++ b/packages/frontend/src/shell/AppLayout.tsx @@ -172,8 +172,8 @@ export function AppLayout() { src={branding.logo} alt="Logo" style={{ - maxHeight: 32, - maxWidth: 140, + maxHeight: 44, + maxWidth: 160, objectFit: 'contain', }} />