diff --git a/app/static/style.css b/app/static/style.css index ed83c28..120f6bd 100644 --- a/app/static/style.css +++ b/app/static/style.css @@ -42,15 +42,15 @@ body { width: auto; } .page-logo-wrap { - position: fixed; - left: 1.5rem; + grid-area: logo; + padding: 1.2rem 0 0 1.5rem; + align-self: start; + position: sticky; top: 4.5rem; - z-index: 90; - width: 110px; } .page-logo { - width: 100%; - height: auto; + height: clamp(2.5rem, 5vw, 3.5rem); + width: auto; opacity: 0.9; display: block; } @@ -162,7 +162,7 @@ button { display: grid; grid-template-columns: 1fr; gap: 1rem; - padding: 1rem 1rem 1rem 8rem; + padding: 1rem; max-width: 1400px; width: 100%; box-sizing: border-box; @@ -772,6 +772,22 @@ button { transform: none !important; } +/* Dashboard grid layout */ +.dashboard-page { + display: grid; + grid-template-columns: 130px 1fr; + grid-template-rows: auto 1fr; + grid-template-areas: + header header + logo main + . footer; + min-height: 100vh; +} +.dashboard-page .header { grid-area: header; } +.dashboard-page .page-logo-wrap { grid-area: logo; } +.dashboard-page .admin-layout { grid-area: main; margin: 0; max-width: 100%; } +.dashboard-page .made-by-wrap { grid-area: footer; } + /* Richer background */ .dashboard-page { background: