kai/pingu-concerts
1
0
Fork 0
Code Issues 10 Pull Requests Actions Packages Projects Releases Wiki Activity

Scale MetalCircle logo for mobile headers

Browse Source
This commit is contained in:
kai
2026-08-27 18:28:59 +02:00
parent 94e14ad3e8
commit 74885df344
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/css/style.css
+7 -2
View File
@@ -63,12 +63,15 @@ header {
.brand-logo { .brand-logo {
display: block; display: block;
width: min(300px, 48vw); width: min(220px, 42vw);
height: auto; height: auto;
max-height: 74px; max-height: 58px;
object-fit: contain; object-fit: contain;
} }
/* The wordmark must remain compact in the page header, especially in the app webview. */
.page-header .brand-logo { width: min(220px, 58vw); max-height: 58px; }
.logo span { .logo span {
color: var(--accent); color: var(--accent);
} }
@@ -459,6 +462,8 @@ h1, .page-title h1 {
.empty-state { background: rgba(16,16,16,.86); border-style: solid; } .empty-state { background: rgba(16,16,16,.86); border-style: solid; }
@media (max-width: 600px) { @media (max-width: 600px) {
.brand-logo { width: min(180px, 52vw); max-height: 50px; }
.page-header .brand-logo { width: min(190px, 62vw); max-height: 50px; }
.page-title { padding-left: 11px; } .page-title { padding-left: 11px; }
.button { min-height: 42px; } .button { min-height: 42px; }
} }