mirror of
http://172.20.10.11:3000/gitadmin/INSIGHT-MVP.git
synced 2026-06-25 00:16:41 +02:00
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:
parent
ca3938a933
commit
96834c541c
2 changed files with 6 additions and 5 deletions
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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',
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue