MrDiderot/mischlabs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: remove PWA metric card and optimize category filters for mobile usability
All checks were successful
Build & Push Docker Image to Gitea Registry / build-and-push (push) Successful in 13s
Details

Browse Source
This commit is contained in:
Kroonk
2026-05-22 00:10:41 +02:00
parent 1cdd944aca
commit 0a72e63e84
5 changed files with 52 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
style.css
View File

@@ -117,7 +117,7 @@ h1 {
.hero-meta {
display: grid;
grid-template-columns: repeat(3, minmax(82px, 1fr));
grid-template-columns: repeat(2, minmax(82px, 1fr));
gap: 10px;
margin-top: 12px;
}
@@ -255,11 +255,12 @@ main {
top: 0;
z-index: 10;
display: grid;
grid-template-columns: minmax(240px, 360px) minmax(0, 1fr);
grid-template-columns: minmax(240px, 360px) 1fr;
gap: 10px 12px;
align-items: center;
padding: 12px 0;
backdrop-filter: blur(16px);
background: rgba(10, 10, 15, 0.7);
}
.search-box {
@@ -293,17 +294,24 @@ main {
box-shadow: 0 0 0 3px rgba(103, 232, 249, 0.08);
}
.category-filters {
margin: 16px 0 6px 0;
display: flex;
justify-content: flex-start;
}
.segments {
display: flex;
justify-content: flex-end;
justify-content: flex-start;
gap: 6px;
overflow-x: auto;
scrollbar-width: none;
width: 100%;
padding-bottom: 2px;
}
.view-toggle {
grid-column: 1 / -1;
justify-self: start;
justify-self: end;
display: inline-grid;
grid-template-columns: repeat(3, minmax(86px, auto));
gap: 3px;
@@ -319,13 +327,22 @@ main {
.segment {
min-width: max-content;
height: 36px;
padding: 0 13px;
height: 28px;
padding: 0 11px;
color: var(--muted);
background: rgba(17, 22, 36, 0.78);
border: 1px solid var(--border);
border-radius: var(--radius);
border-radius: 6px;
cursor: pointer;
font-size: 0.78rem;
font-weight: 550;
transition: all 0.16s ease;
}
.segment:hover {
color: #fff;
background: rgba(255, 255, 255, 0.04);
border-color: rgba(255, 255, 255, 0.12);
}
.view-option {
@@ -346,6 +363,7 @@ main {
color: #061014;
background: #67e8f9;
border-color: #67e8f9;
font-weight: 650;
}
.view-option:hover,
@@ -1094,7 +1112,7 @@ main {
}
.hero-meta {
grid-template-columns: repeat(3, 1fr);
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}