rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

UX: Admin-Panel Desktop — Sidebar-Navigation, 1200px Breite, keine abgeschnittenen Tabs (SW by-v973)

Browse source
This commit is contained in:
rene 2026-05-15 12:42:04 +02:00
parent af039efe82
commit 5fd86dac4b
6 changed files with 49 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

36
backend/static/css/layout.css
View file

@ -592,6 +592,40 @@
/* Etwas breiterer Standard-Container auf großen Screens */
.page-container { max-width: 860px; }
/* Admin: breit + Sidebar-Layout */
#page-admin .page-container { max-width: 1200px; }
#page-admin .adm-shell {
display: flex;
gap: var(--space-4);
align-items: flex-start;
}
#page-admin .adm-tabs {
display: flex !important;
flex-direction: column;
width: 190px;
flex-shrink: 0;
gap: var(--space-1);
padding-bottom: 0;
position: sticky;
top: var(--space-3);
}
#page-admin .adm-tabs .by-tab {
justify-content: flex-start !important;
text-align: left !important;
padding-left: var(--space-3);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#page-admin #adm-content {
flex: 1;
min-width: 0;
}
/* ----------------------------------------------------------
WELCOME: 2-spaltige Feature-Sections, zentrierter Hero
---------------------------------------------------------- */
@ -688,7 +722,7 @@
white-space: nowrap;
}
/* Admin: Tabs auf 2 Zeilen */
/* Admin: Tabs als 2-zeiliges Grid (Mobile/Tablet) */
#page-admin .adm-tabs {
display: grid;
grid-template-columns: repeat(var(--adm-tab-cols, 4), minmax(0, 1fr));