perf: éléments remontés au maximum — topbar 40px + paddings réduits
- --topbar-height: 44px → 40px (gain 4px) - .ws-split: padding-top 8px → 0, min-height via var(--topbar-height) - .breadcrumb-row: padding 3px→2px, gap 6px→4px, nav-arrow 24px→22px, border-radius 10px→8px - .toolbar-row: padding 3px→2px, gap 6px→4px, margin-bottom 4px→2px, border-radius 10px→8px - Gain total vertical: ~14px (8+4+2). Tout est plus compact.
This commit is contained in:
+1
-1
@@ -39,7 +39,7 @@ async def lifespan(_app: FastAPI):
|
||||
|
||||
app = FastAPI(
|
||||
title="FlowDeck",
|
||||
version="2.4.0",
|
||||
version="2.4.1",
|
||||
docs_url="/docs" if settings.log_level == "DEBUG" else None,
|
||||
redoc_url=None,
|
||||
lifespan=lifespan,
|
||||
|
||||
@@ -218,15 +218,15 @@
|
||||
.ws-table-compact tr:hover td{background:var(--bg-hover);}
|
||||
|
||||
/* Split layout */
|
||||
.ws-split{display:flex;max-width:100%;margin:0 auto;padding:8px 16px 0;gap:0;min-height:calc(100vh - 44px);}
|
||||
.ws-split{display:flex;max-width:100%;margin:0 auto;padding:0 16px 0;gap:0;min-height:calc(100vh - var(--topbar-height));}
|
||||
.ws-main{flex:1;min-width:0;overflow:auto;padding-right:0;}
|
||||
.preview-panel + .ws-main{margin-right:0;}
|
||||
@media(max-width:768px){.ws-split{flex-direction:column;padding:20px 12px 0;}.preview-panel{width:100%;max-width:100%;min-width:100%;}.ws-main{width:100%;}}
|
||||
|
||||
/* Breadcrumb row */
|
||||
.breadcrumb-row{display:flex;align-items:center;gap:6px;padding:3px 8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px 10px 0 0;margin-bottom:0;flex-wrap:wrap;}
|
||||
.breadcrumb-row .nav-arrow{width:24px;height:24px;padding:0;font-size:14px;}
|
||||
.toolbar-row{display:flex;align-items:center;gap:6px;padding:3px 8px;background:var(--bg-secondary);border:1px solid var(--border);border-top:none;border-radius:0 0 10px 10px;margin-bottom:4px;flex-wrap:wrap;}
|
||||
.breadcrumb-row{display:flex;align-items:center;gap:4px;padding:2px 8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px 8px 0 0;margin-bottom:0;flex-wrap:wrap;}
|
||||
.breadcrumb-row .nav-arrow{width:22px;height:22px;padding:0;font-size:13px;}
|
||||
.toolbar-row{display:flex;align-items:center;gap:4px;padding:2px 8px;background:var(--bg-secondary);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;margin-bottom:2px;flex-wrap:wrap;}
|
||||
.nav-arrow{width:28px;height:28px;font-size:13px;flex-shrink:0;}
|
||||
.unified-breadcrumb{flex:1;display:flex;align-items:center;gap:2px;min-width:0;font-size:13px;overflow:hidden;}
|
||||
.unified-breadcrumb .bc-icon{font-size:15px;flex-shrink:0;}
|
||||
|
||||
+1
-1
@@ -45,7 +45,7 @@
|
||||
/* ===== Dimensions ===== */
|
||||
--sidebar-width: 240px;
|
||||
--sidebar-collapsed: 0px;
|
||||
--topbar-height: 44px;
|
||||
--topbar-height: 40px;
|
||||
--radius-sm: 4px;
|
||||
--radius-md: 6px;
|
||||
--radius-lg: 8px;
|
||||
|
||||
Reference in New Issue
Block a user