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

fix: handle translations better for conversion panel 

hell
This commit is contained in:
Maya 2025-09-17 16:12:19 +03:00
parent 30719b003d
commit 7f8902809f
No known key found for this signature in database
1 changed files with 32 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/lib/components/functional/ConversionPanel.svelte
View File

@ -24,7 +24,7 @@
onclick={() => files.convertAll()} onclick={() => files.convertAll()}
class="btn {$effects class="btn {$effects
? '' ? ''
: '!scale-100'} highlight flex gap-3 max-md:w-full" : '!scale-100'} highlight flex gap-3 max-md:w-full md:max-w-[15.5rem]"
disabled={!files.ready} disabled={!files.ready}
> >
<RefreshCw size="24" /> <RefreshCw size="24" />
@ -33,7 +33,7 @@
<button <button
class="btn {$effects class="btn {$effects
? '' ? ''
: '!scale-100'} flex gap-3 max-md:w-full" : '!scale-100'} flex gap-3 max-md:w-full md:max-w-[15.5rem]"
disabled={!files.ready || !files.results} disabled={!files.ready || !files.results}
onclick={() => files.downloadAll()} onclick={() => files.downloadAll()}
> >
@ -70,9 +70,10 @@
</div> </div>
<div class="w-full bg-separator h-0.5 flex md:hidden"></div> <div class="w-full bg-separator h-0.5 flex md:hidden"></div>
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<p class="whitespace-nowrap text-xl"> <p class="whitespace-normal text-xl text-right w-full">
{m["convert.panel.set_all_to"]()} {m["convert.panel.set_all_to"]()}
</p> </p>
<div class="w-48 md:max-w-[6.5rem]">
<!-- video and audio together still have this dropdown disabled because audio has just ffmpeg (video has vertd & ffmpeg), even tho it can convert between video and audio --> <!-- video and audio together still have this dropdown disabled because audio has just ffmpeg (video has vertd & ffmpeg), even tho it can convert between video and audio -->
{#if files.files.length > 0 && files.files.every((f) => JSON.stringify(f.converters) === JSON.stringify(files.files[0].converters))} {#if files.files.length > 0 && files.files.every((f) => JSON.stringify(f.converters) === JSON.stringify(files.files[0].converters))}
<FormatDropdown <FormatDropdown
@ -91,7 +92,9 @@
</div> </div>
{#if files.files.length > 50} {#if files.files.length > 50}
<div class="w-full px-2 flex gap-4 items-center"> <div class="w-full px-2 flex gap-4 items-center">
<div class="flex-shrink-0 -mt-0.5 font-normal text-sm text-muted"> <div
class="flex-shrink-0 -mt-0.5 font-normal text-sm text-muted"
>
{progress}/{length} {progress}/{length}
</div> </div>
<div class="flex-grow"> <div class="flex-grow">
@ -99,4 +102,5 @@
</div> </div>
</div> </div>
{/if} {/if}
</Panel> </div></Panel
>