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

51
src/routes/+page.svelte
View File

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