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

Hard-limit MetalCircle logo dimensions

Browse Source
This commit is contained in:
kai
2026-08-27 18:41:47 +02:00
parent a91666ad69
commit 74e337aaa9
1 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/css/style.css
+9 -7
View File
@@ -59,19 +59,21 @@ header {
.logo { .logo {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
max-width: 180px;
overflow: hidden;
} }
.brand-logo { .brand-logo {
display: block; display: block;
width: min(220px, 42vw) !important; width: 180px !important;
max-width: 100%; max-width: 180px !important;
height: auto !important; height: 48px !important;
max-height: 58px !important; max-height: 48px !important;
object-fit: contain; object-fit: contain;
} }
/* The wordmark must remain compact in the page header, especially in the app webview. */ /* 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; } .page-header .brand-logo { width: 180px !important; max-width: 180px !important; height: 48px !important; max-height: 48px !important; }
.logo span { .logo span {
color: var(--accent); color: var(--accent);
@@ -463,8 +465,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; } .logo { max-width: 150px; }
.page-header .brand-logo { width: min(190px, 62vw); max-height: 50px; } .brand-logo, .page-header .brand-logo { width: 150px !important; max-width: 150px !important; height: 40px !important; max-height: 40px !important; }
.page-title { padding-left: 11px; } .page-title { padding-left: 11px; }
.button { min-height: 42px; } .button { min-height: 42px; }
} }