Pandore/FanKarr
1
0 Fork 0
Code Activity

feat(ui): refonte de l'interface

Browse Source
This commit is contained in:
ElPouki committed 2026-09-15 15:30:20 +02:00
1 parent 3ede3e808c
commit 09eb1fa3aa
79 files changed
+5323 -3514
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/components/setup/SetupWelcomeStep.vue
+12 -12
View File
@@ -3,42 +3,42 @@
<!-- Fonctionnement -->
<ol class="grid grid-cols-1 sm:grid-cols-2 gap-3">
<li v-for="(item, i) in flow" :key="item.title" class="settings-card flex gap-3">
<span class="w-8 h-8 rounded-lg bg-accent-muted text-accent flex items-center justify-center shrink-0">
<li v-for="(item, i) in flow" :key="item.title" class="card flex gap-3">
<span class="w-8 h-8 rounded-full bg-accent-muted text-accent flex items-center justify-center shrink-0">
<component :is="item.icon" :size="16" />
</span>
<div class="min-w-0">
<p class="text-sm text-primary font-medium">{{ i + 1 }}. {{ item.title }}</p>
<p class="text-xs text-muted mt-0.5 leading-relaxed">{{ item.text }}</p>
<p class="text-meta text-muted mt-0.5 leading-relaxed">{{ item.text }}</p>
</div>
</li>
</ol>
<!-- Ce qu'on va configurer -->
<div class="settings-card flex flex-col gap-3">
<p class="settings-label">Au programme</p>
<div class="card flex flex-col gap-3">
<p class="field-label">Au programme</p>
<ul class="flex flex-col gap-2">
<li v-for="item in checklist" :key="item.label" class="flex items-start gap-2.5 text-sm">
<li v-for="item in checklist" :key="item.label" class="flex items-start gap-2.5 text-body">
<Check :size="14" class="text-accent mt-0.5 shrink-0" />
<span class="text-secondary">
{{ item.label }}
<span v-if="item.optional" class="text-muted text-xs">(optionnel)</span>
<span v-if="item.optional" class="text-muted text-meta">(optionnel)</span>
</span>
</li>
</ul>
<p class="text-xs text-muted">Comptez environ 5 minutes.</p>
<p class="text-meta text-muted">Comptez environ 5 minutes.</p>
</div>
<!-- Docker -->
<div v-if="isDocker" class="flex items-start gap-3 px-4 py-3 rounded-lg border border-accent/30 bg-accent-muted">
<div v-if="isDocker" class="flex items-start gap-3 px-4 py-3 rounded-field border border-accent/30 bg-accent-muted">
<HardDrive :size="16" class="text-accent mt-0.5 shrink-0" />
<div class="flex flex-col gap-1">
<p class="text-sm text-primary font-medium">FanKarr tourne dans Docker</p>
<p class="text-xs text-muted leading-relaxed">
<p class="text-meta text-muted leading-relaxed">
Les chemins à renseigner sont ceux <span class="text-primary">vus depuis le conteneur</span>.
Pour profiter des hardlinks, montez un seul volume parent qui contient à la fois les téléchargements
et la médiathèque (ex. <code class="font-mono text-secondary">/data/downloads</code> et
<code class="font-mono text-secondary">/data/medias</code>).
et la médiathèque (ex. <span class="text-secondary">/data/downloads</span> et
<span class="text-secondary">/data/medias</span>).
</p>
</div>
</div>