fix: pin archive layout to row; fit sidebar version into the 72px rail
Layout review found archive-main relied on the default flex-direction while the base `main` rule forces column, so the sidebar/content split was fragile — now set explicitly to row. The sidebar app-version pill is shrunk and centred so it fits the 72px icon rail instead of being clipped. HTML tag balance, CSS brace balance and all table column counts (cameras 9, storages 9, users 4) checked out clean. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -96,7 +96,7 @@ aside {
|
|||||||
.subitem.active { color: #fff; border-left-color: #c0392b; background: var(--panel-2); }
|
.subitem.active { color: #fff; border-left-color: #c0392b; background: var(--panel-2); }
|
||||||
.subitem.subfs { padding-left: 16px; margin-top: 4px; border-top: 1px solid var(--border); padding-top: 8px; }
|
.subitem.subfs { padding-left: 16px; margin-top: 4px; border-top: 1px solid var(--border); padding-top: 8px; }
|
||||||
.subitem.subplay { padding-left: 16px; font-weight: 600; color: var(--text); margin-bottom: 4px; padding-bottom: 8px; border-bottom: 1px solid var(--border); }
|
.subitem.subplay { padding-left: 16px; font-weight: 600; color: var(--text); margin-bottom: 4px; padding-bottom: 8px; border-bottom: 1px solid var(--border); }
|
||||||
.app-version { padding: 8px 16px; font-size: 11px; color: var(--text-dim); }
|
.app-version { padding: 6px 2px; font-size: 10px; color: var(--text-dim); text-align: center; width: 100%; }
|
||||||
.nav-item.logout { color: var(--text-dim); border-top: 1px solid var(--border); }
|
.nav-item.logout { color: var(--text-dim); border-top: 1px solid var(--border); }
|
||||||
.nav-item.logout:hover { color: #e57373; }
|
.nav-item.logout:hover { color: #e57373; }
|
||||||
|
|
||||||
@@ -250,7 +250,8 @@ footer.grid-bar {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* ── Архив ── */
|
/* ── Архив ── */
|
||||||
.archive-main { flex: 1; display: flex; overflow: hidden; } /* сайдбар + контент */
|
/* в ряд: сайдбар 220px слева + контент справа (явно, т.к. базовое main = column) */
|
||||||
|
.archive-main { flex: 1; display: flex; flex-direction: row; overflow: hidden; }
|
||||||
/* левый сайдбар архива: 220px, поделён по высоте пополам */
|
/* левый сайдбар архива: 220px, поделён по высоте пополам */
|
||||||
.arch-side {
|
.arch-side {
|
||||||
width: 220px; flex: none; display: flex; flex-direction: column;
|
width: 220px; flex: none; display: flex; flex-direction: column;
|
||||||
|
|||||||
Reference in New Issue
Block a user