fix: enlarge brand/logo section in sidebar

- 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 <noreply@anthropic.com>
This commit is contained in:
Thomas Reitz 2026-03-10 12:17:14 +01:00
parent ca3938a933
commit 96834c541c
2 changed files with 6 additions and 5 deletions

View file

@ -24,22 +24,23 @@
/* ===== Brand / Logo ===== */ /* ===== Brand / Logo ===== */
.brand { .brand {
padding: 1.25rem 1.5rem; padding: 1.5rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
gap: 0.5rem; gap: 0.5rem;
min-height: 56px; min-height: 68px;
} }
.sidebarCollapsed .brand { .sidebarCollapsed .brand {
padding: 1.25rem 0; padding: 1.25rem 0;
justify-content: center; justify-content: center;
min-height: 56px;
} }
.brand h2 { .brand h2 {
font-size: 1.25rem; font-size: 1.5rem;
font-weight: 700; font-weight: 700;
letter-spacing: 2px; letter-spacing: 2px;
color: #60a5fa; color: #60a5fa;

View file

@ -172,8 +172,8 @@ export function AppLayout() {
src={branding.logo} src={branding.logo}
alt="Logo" alt="Logo"
style={{ style={{
maxHeight: 32, maxHeight: 44,
maxWidth: 140, maxWidth: 160,
objectFit: 'contain', objectFit: 'contain',
}} }}
/> />