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

fix: better card layout

This commit is contained in:
Maya 2025-07-25 13:40:38 +03:00
parent 14bf8c45ce
commit d1cf0a8f31
No known key found for this signature in database
1 changed files with 23 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/routes/+page.svelte
View File

@ -99,7 +99,7 @@
<div class="flex gap-4 mt-8 md:flex-row flex-col">
{#each Object.entries(status) as [key, s]}
{@const Icon = s.icon}
<div class="file-category-card w-full flex flex-col">
<div class="file-category-card w-full flex flex-col gap-4">
<div class="file-category-card-inner">
<div
class={clsx("icon-container", {
@ -114,7 +114,8 @@
<span>{key}</span>
</div>
<div class="file-category-card-content flex-grow">
<div class="file-category-card-content flex-grow gap-4">
<div class="flex flex-col gap-1">
{#if key === "Video"}
<p>
Video uploads to a server for processing by
@ -126,7 +127,7 @@
</p>
{:else}
<p
class="flex items-center justify-center gap-2 h-full"
class="flex tems-center justify-center gap-2"
>
<Check size="20" /> Local fully supported
</p>
@ -135,6 +136,7 @@
<b>Status: </b>
{s.ready ? "ready" : "not ready"}
</p>
</div>
<div>
<span class="flex flex-wrap justify-center">
<b>Supported formats:&nbsp;</b>
@ -177,7 +179,7 @@
}
.file-category-card p {
@apply font-normal text-center text-sm mt-4;
@apply font-normal text-center text-sm;
}
.file-category-card-inner {