| | |
| | | <nav class="sidebar"> |
| | | <div class="sidebar-header"> |
| | | <AppIcon size={24} /> |
| | | <span class="app-name">{t('app.name')}</span> |
| | | <div class="brand-copy"> |
| | | <span class="brand-name">{t('app.brandName')}</span> |
| | | <span class="brand-tagline">{t('app.brandTagline')}</span> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="nav-items"> |
| | |
| | | -webkit-app-region: no-drag; |
| | | } |
| | | |
| | | .app-name { |
| | | .brand-copy { |
| | | display: flex; |
| | | min-width: 0; |
| | | flex-direction: column; |
| | | gap: 2px; |
| | | } |
| | | |
| | | .brand-name { |
| | | font-weight: 600; |
| | | font-size: var(--font-size-lg); |
| | | line-height: 1.15; |
| | | color: var(--color-label); |
| | | } |
| | | |
| | | .brand-tagline { |
| | | font-size: var(--font-size-xs); |
| | | line-height: 1.2; |
| | | color: var(--color-secondary-label); |
| | | } |
| | | |
| | | .nav-items { |