UI: Refactor design system to align with dense mockup

This commit is contained in:
Hitonabi
2026-06-20 22:53:48 +02:00
parent a51f6ee88a
commit c76bcc7293
9 changed files with 940 additions and 68 deletions
+4 -4
View File
@@ -43,9 +43,9 @@
<section class="view" data-view="overview">
<div id="hero"></div>
<div class="grid grid-3" id="ov-quick" style="margin-top: 24px"></div>
<div class="grid grid-3 mt-6" id="ov-quick"></div>
<div class="grid grid-2" style="margin-top: 24px; align-items: start;">
<div class="grid grid-2 mt-6" style="align-items: start;">
<div class="card" id="ov-models"></div>
<div class="card" id="ov-recent-jobs"></div>
</div>
@@ -86,10 +86,10 @@
<button id="sm-close" class="ghost" style="position:absolute; top:12px; right:12px;">Schließen</button>
<h2 style="margin-top:0">Einstellungen</h2>
<div style="margin-top:24px">
<div class="mt-6">
<label>API Token (Authentifizierung)</label>
<input id="token" class="tokin" placeholder="Optionales API Token..." autocomplete="off">
<div class="meta" style="font-size:12px; margin-top:4px;">Wird für die WebSockets und API Calls genutzt, falls der Server geschützt ist.</div>
<div class="meta text-xs mt-2">Wird für die WebSockets und API Calls genutzt, falls der Server geschützt ist.</div>
</div>
</div>
</div>