RomanNum3ral
/
vert
mirror of https://github.com/VERT-sh/VERT.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: brief card overflow when loading page

This commit is contained in:
JovannMC 2025-06-05 13:42:04 +03:00
parent c04507d1ee
commit 2363ca7910
No known key found for this signature in database
1 changed files with 26 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/routes/+page.svelte
View File

@ -134,32 +134,33 @@
{s.ready ? "ready" : "not ready"} {s.ready ? "ready" : "not ready"}
</p> </p>
<p> <p>
<b>Supported formats:</b> <span class="flex flex-wrap justify-center">
<b>Supported formats:&nbsp;</b>
{#each s.formats.split(", ") as format, index} {#each s.formats.split(", ") as format, index}
{@const isPartial = format.endsWith("*")} {@const isPartial = format.endsWith("*")}
{@const formatName = isPartial {@const formatName = isPartial
? format.slice(0, -1) ? format.slice(0, -1)
: format} : format}
<span
class="text-sm font-normal flex items-center"
>
{#if isPartial} {#if isPartial}
<Tooltip text={getTooltip(formatName)}> <Tooltip
<span class="whitespace-pre-wrap"> text={getTooltip(formatName)}
>
{formatName}<span {formatName}<span
class="text-red-500">*</span class="text-red-500">*</span
>{index < >
s.formats.split(", ").length - 1
? ", "
: ""}
</span>
</Tooltip> </Tooltip>
{:else} {:else}
<span class="whitespace-pre-wrap"> {formatName}
{formatName}{index <
s.formats.split(", ").length - 1
? ", "
: ""}
</span>
{/if} {/if}
{#if index < s.formats.split(", ").length - 1}
<span>,&nbsp;</span>
{/if}
</span>
{/each} {/each}
</span>
</p> </p>
</div> </div>
</div> </div>