feat(v9): Cookbook 3.0 — Segmented-Tabs (Setups | Modelle finden)
Entschlackt die überladene Seite: statt 3 gestapelter Sektionen zwei Tabs. "Fertige Setups" = (jetzt auto-aktuelle) Bundles; "Modelle finden" bündelt Discover + Profi-Suche (Facetten) unter einem Tab. Nur eine Ansicht zur Zeit. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -82,6 +82,9 @@
|
||||
|
||||
const sys = $derived(systemStore.value)
|
||||
|
||||
// ---- Tabs (Cookbook 3.0: entschlackt — eine Ansicht zur Zeit) ----
|
||||
let cookTab = $state<'setups' | 'find'>('setups')
|
||||
|
||||
// ---- Recipes ----
|
||||
let recipes = $state<any[]>([])
|
||||
let recommended = $state<string | null>(null)
|
||||
@@ -311,9 +314,18 @@
|
||||
<div><h1>Cookbook</h1><div class="sub">Modelle finden, installieren und eigene Setups zusammenstellen.</div></div>
|
||||
</div>
|
||||
|
||||
<!-- Segmented-Tabs -->
|
||||
<div class="flex gap-2" style="margin-bottom:14px">
|
||||
<button class="{cookTab === 'setups' ? 'primary' : 'ghost'}" style="padding:7px 16px"
|
||||
onclick={() => cookTab = 'setups'}>📦 Fertige Setups</button>
|
||||
<button class="{cookTab === 'find' ? 'primary' : 'ghost'}" style="padding:7px 16px"
|
||||
onclick={() => cookTab = 'find'}>🔍 Modelle finden</button>
|
||||
</div>
|
||||
|
||||
{#if cookTab === 'setups'}
|
||||
<div class="card">
|
||||
<div class="card-h">
|
||||
<h3>1 · Anwendungsfall wählen & installieren</h3>
|
||||
<h3>Fertige Setups — automatisch aktuell für deine Hardware</h3>
|
||||
<button class="ghost" style="margin-left:auto" onclick={openNewRecipe}>+ Eigenes Setup</button>
|
||||
</div>
|
||||
<div class="card-sub">Hier starten: Fertige Modell-Bundles für deinen Anwendungsfall — ein Klick installiert alles. Die Hardware-Ampel zeigt vorab, ob das Setup auf deinen PC passt.</div>
|
||||
@@ -346,7 +358,9 @@
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
{#if cookTab === 'find'}
|
||||
<!-- ============================================================ -->
|
||||
<!-- DISCOVER -->
|
||||
<div class="card">
|
||||
@@ -475,6 +489,7 @@
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
<!-- ============================================================ -->
|
||||
<!-- RECIPE DETAIL MODAL -->
|
||||
|
||||
Vendored
+45
-45
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user