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

fix: dl disabling

This commit is contained in:
not-nullptr 2024-11-12 11:35:29 +00:00
parent 9e07443148
commit 7fad1fd0bd
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/app.css
View File

@ -31,6 +31,9 @@ body {
} }
.btn { .btn {
@apply font-display flex items-center justify-center overflow-hidden relative cursor-pointer px-4 border-2 border-solid bg-background border-foreground-muted-alt rounded-xl p-2 focus:!outline-none hover:scale-105 transition-transform duration-200 active:scale-95; @apply font-display flex items-center justify-center overflow-hidden relative cursor-pointer px-4 border-2 border-solid bg-background border-foreground-muted-alt rounded-xl p-2 focus:!outline-none hover:scale-105 active:scale-95 disabled:pointer-events-none disabled:opacity-50;
transition:
200ms ease transform,
200ms ease opacity;
} }
} }

7
src/routes/convert/+page.svelte
View File

@ -20,6 +20,8 @@
let converter = $derived(converters.find((c) => c.name === converterName))!; let converter = $derived(converters.find((c) => c.name === converterName))!;
let disabled = $derived(files.files.some((f) => !f.result));
onMount(() => { onMount(() => {
finisheds.forEach((_, i) => { finisheds.forEach((_, i) => {
const duration = 750 + i * 50 - 32; const duration = 750 + i * 50 - 32;
@ -197,7 +199,10 @@
? " All" ? " All"
: ""}</button : ""}</button
> >
<button onclick={downloadAll} class="btn flex-grow" <button
onclick={downloadAll}
class="btn flex-grow"
{disabled}
>Download{files.files.length > 1 >Download{files.files.length > 1
? " All" ? " All"
: ""}</button : ""}</button