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

44
src/routes/+page.svelte
View File

@ -99,7 +99,7 @@
<div class="flex gap-4 mt-8 md:flex-row flex-col"> <div class="flex gap-4 mt-8 md:flex-row flex-col">
{#each Object.entries(status) as [key, s]} {#each Object.entries(status) as [key, s]}
{@const Icon = s.icon} {@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="file-category-card-inner">
<div <div
class={clsx("icon-container", { class={clsx("icon-container", {
@ -114,27 +114,29 @@
<span>{key}</span> <span>{key}</span>
</div> </div>
<div class="file-category-card-content flex-grow"> <div class="file-category-card-content flex-grow gap-4">
{#if key === "Video"} <div class="flex flex-col gap-1">
{#if key === "Video"}
<p>
Video uploads to a server for processing by
default, learn how to set it up locally <a
target="_blank"
href="https://github.com/VERT-sh/VERT/wiki/How-to-convert-video-with-VERT"
>here</a
>.
</p>
{:else}
<p
class="flex tems-center justify-center gap-2"
>
<Check size="20" /> Local fully supported
</p>
{/if}
<p> <p>
Video uploads to a server for processing by <b>Status: </b>
default, learn how to set it up locally <a {s.ready ? "ready" : "not ready"}
target="_blank"
href="https://github.com/VERT-sh/VERT/wiki/How-to-convert-video-with-VERT"
>here</a
>.
</p> </p>
{:else} </div>
<p
class="flex items-center justify-center gap-2 h-full"
>
<Check size="20" /> Local fully supported
</p>
{/if}
<p>
<b>Status: </b>
{s.ready ? "ready" : "not ready"}
</p>
<div> <div>
<span class="flex flex-wrap justify-center"> <span class="flex flex-wrap justify-center">
<b>Supported formats:&nbsp;</b> <b>Supported formats:&nbsp;</b>
@ -177,7 +179,7 @@
} }
.file-category-card p { .file-category-card p {
@apply font-normal text-center text-sm mt-4; @apply font-normal text-center text-sm;
} }
.file-category-card-inner { .file-category-card-inner {