feat: move fruit column

This commit is contained in:
2026-03-01 15:53:05 +01:00
parent e23b268fda
commit 0b81e9e350

View File

@@ -512,6 +512,11 @@
<p class="text-xs font-semibold uppercase tracking-wider text-amber-100">Affiliations</p> <p class="text-xs font-semibold uppercase tracking-wider text-amber-100">Affiliations</p>
</div> </div>
{/if} {/if}
{#if columnVisibility.devilFruitType !== false}
<div class="w-24 shrink-0 rounded-lg border border-amber-200/30 bg-amber-900/30 p-2 text-center flex items-center justify-center">
<p class="text-xs font-semibold uppercase tracking-wider text-amber-100">Fruit</p>
</div>
{/if}
{#if columnVisibility.haki !== false} {#if columnVisibility.haki !== false}
<div class="w-24 shrink-0 rounded-lg border border-amber-200/30 bg-amber-900/30 p-2 text-center flex items-center justify-center"> <div class="w-24 shrink-0 rounded-lg border border-amber-200/30 bg-amber-900/30 p-2 text-center flex items-center justify-center">
<p class="text-xs font-semibold uppercase tracking-wider text-amber-100">Haki</p> <p class="text-xs font-semibold uppercase tracking-wider text-amber-100">Haki</p>
@@ -537,11 +542,6 @@
<p class="text-xs font-semibold uppercase tracking-wider text-amber-100">Arc</p> <p class="text-xs font-semibold uppercase tracking-wider text-amber-100">Arc</p>
</div> </div>
{/if} {/if}
{#if columnVisibility.devilFruitType !== false}
<div class="w-24 shrink-0 rounded-lg border border-amber-200/30 bg-amber-900/30 p-2 text-center flex items-center justify-center">
<p class="text-xs font-semibold uppercase tracking-wider text-amber-100">Fruit</p>
</div>
{/if}
</div> </div>
<!-- Rows --> <!-- Rows -->
@@ -619,6 +619,17 @@
</div> </div>
{/if} {/if}
<!-- Fruit -->
{#if columnVisibility.devilFruitType !== false}
<div class="w-24 h-24 shrink-0 rounded-lg border border-white/10 {character.devilFruitType === dailyCharacter.devilFruitType ? 'bg-emerald-600/90' : 'bg-red-900/60'} p-2 flex items-center justify-center">
{#if character.devilFruitType}
<p class="text-sm font-bold text-white text-center">{character.devilFruitType}</p>
{:else}
<p class="text-5xl font-bold text-white text-center"></p>
{/if}
</div>
{/if}
<!-- Haki --> <!-- Haki -->
{#if columnVisibility.haki !== false} {#if columnVisibility.haki !== false}
<div class="w-24 h-24 shrink-0 rounded-lg border border-white/10 {(() => { <div class="w-24 h-24 shrink-0 rounded-lg border border-white/10 {(() => {
@@ -702,17 +713,6 @@
<p class="text-sm font-bold text-white text-center relative z-10">{character.arcName || 'Inconnu'}</p> <p class="text-sm font-bold text-white text-center relative z-10">{character.arcName || 'Inconnu'}</p>
</div> </div>
{/if} {/if}
<!-- Fruit -->
{#if columnVisibility.devilFruitType !== false}
<div class="w-24 h-24 shrink-0 rounded-lg border border-white/10 {character.devilFruitType === dailyCharacter.devilFruitType ? 'bg-emerald-600/90' : 'bg-red-900/60'} p-2 flex items-center justify-center">
{#if character.devilFruitType}
<p class="text-sm font-bold text-white text-center">{character.devilFruitType}</p>
{:else}
<p class="text-5xl font-bold text-white text-center"></p>
{/if}
</div>
{/if}
</div> </div>
{/each} {/each}
</div> </div>