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:
2026-06-01 23:19:55 +05:00
parent 4a8eddf1d8
commit 157893b516
2 changed files with 4 additions and 3 deletions
+1 -1
View File
@@ -1 +1 @@
0.0.148
0.0.149
+3 -2
View File
@@ -96,7 +96,7 @@ aside {
.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.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: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, поделён по высоте пополам */
.arch-side {
width: 220px; flex: none; display: flex; flex-direction: column;