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

fix: long file extensions in format dropdown

This commit is contained in:
Maya 2025-07-27 00:05:22 +03:00
parent bc055e6b98
commit 6f81f93b3b
No known key found for this signature in database
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/lib/components/functional/FormatDropdown.svelte
View File

@ -65,7 +65,10 @@
const shouldInclude = (format: string, category: string): boolean => {
// if converting from audio to video, dont show gifs
if (categories["audio"]?.formats.includes(from ?? "") && format === ".gif") {
if (
categories["audio"]?.formats.includes(from ?? "") &&
format === ".gif"
) {
return false;
}
@ -256,7 +259,9 @@
{disabled}
>
<!-- <p>{selected}</p> -->
<div class="grid grid-cols-1 grid-rows-1 w-fit flex-grow-0">
<div
class="grid grid-cols-1 grid-rows-1 w-fit flex-grow-0 max-h-[2.5rem] overflow-hidden"
>
{#key selected}
<p
in:fade={{
@ -267,7 +272,7 @@
duration,
easing: quintOut,
}}
class="col-start-1 row-start-1 text-center font-body font-medium"
class="col-start-1 row-start-1 text-center font-body font-medium truncate text-ellipsis max-w-[8rem] mx-auto"
>
{selected}
</p>
@ -275,7 +280,7 @@
{#if currentCategory}
{#each categories[currentCategory].formats as option}
<p
class="col-start-1 row-start-1 invisible pointer-events-none"
class="col-start-1 row-start-1 invisible pointer-events-none truncate text-ellipsis max-w-[8rem] mx-auto"
>
{option}
</p>