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

25
index.html
View File

@@ -15,7 +15,7 @@
<link rel="icon" type="image/png" sizes="48x48" href="/icons/favicon-48-v4.png">
<link rel="icon" type="image/png" sizes="192x192" href="/icons/favicon-192-v4.png">
<link rel="apple-touch-icon" href="/icons/apple-touch-icon-v4.png">
<link rel="stylesheet" href="style.css?v=30">
<link rel="stylesheet" href="style.css?v=31">
</head>
<body>
<header class="shell hero">
@@ -37,10 +37,6 @@
<span class="metric-value" id="serviceCount">9</span>
<span class="metric-label">Dienste</span>
</div>
<div class="metric">
<span class="metric-value">PWA</span>
<span class="metric-label">Installierbar</span>
</div>
</div>
<div class="dashboard-menu">
@@ -70,6 +66,15 @@
<input id="serviceSearch" type="search" placeholder="Dienst suchen" autocomplete="off">
</label>
<div class="view-toggle" role="tablist" aria-label="Ansicht">
<button class="view-option is-active" type="button" data-view="all">Alles</button>
<button class="view-option" type="button" data-view="services">Dienste</button>
<button class="view-option" type="button" data-view="favorites">Favoriten</button>
</div>
</section>
<!-- Compact categories filter options placed directly above the service grid -->
<div id="categoryFilters" class="category-filters">
<div class="segments" role="tablist" aria-label="Kategorien">
<button class="segment is-active" type="button" data-filter="all">Alle</button>
<button class="segment" type="button" data-filter="access">Zugang</button>
@@ -77,13 +82,7 @@
<button class="segment" type="button" data-filter="work">Arbeit</button>
<button class="segment" type="button" data-filter="personal">Persoenlich</button>
</div>
<div class="view-toggle" role="tablist" aria-label="Ansicht">
<button class="view-option is-active" type="button" data-view="all">Alles</button>
<button class="view-option" type="button" data-view="services">Dienste</button>
<button class="view-option" type="button" data-view="favorites">Favoriten</button>
</div>
</section>
</div>
<div id="dashboardSections"></div>
<div id="favoritesSections"></div>
@@ -141,6 +140,6 @@
</div>
<script src="/auth.js?v=2" defer></script>
<script src="/app.js?v=37" defer></script>
<script src="/app.js?v=38" defer></script>
</body>
</html>