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

keep uploader always first item 

this made it look weird on mobile. why is this here lol
This commit is contained in:
JovannMC 2025-01-10 17:30:47 +03:00
parent 7840c9c508
commit 1f01c32521
No known key found for this signature in database
2 changed files with 3 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/routes/+layout.svelte
View File

@ -112,7 +112,7 @@
<!-- FIXME: if user resizes between desktop/mobile, highlight of page disappears (only shows on original size) --> <!-- FIXME: if user resizes between desktop/mobile, highlight of page disappears (only shows on original size) -->
<!-- FIXME: if user has to scroll in a page, transitioning to a page that fits users viewport makes the elements jump after transition ends --> <!-- FIXME: if user has to scroll in a page, transitioning to a page that fits users viewport makes the elements jump after transition ends -->
<div class="flex flex-col"> <div>
<!-- Mobile logo --> <!-- Mobile logo -->
<div class="flex md:hidden justify-center items-center p-8"> <div class="flex md:hidden justify-center items-center p-8">
<div <div
@ -152,7 +152,7 @@
<!-- Mobile navbar --> <!-- Mobile navbar -->
<div class="flex flex-col"> <div>
<div <div
class="hidden md:block w-full h-14 border-t border-separator relative" class="hidden md:block w-full h-14 border-t border-separator relative"
> >

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

@ -101,18 +101,10 @@
<div <div
class="w-full max-w-[794px] grid grid-cols-1 md:grid-cols-2 auto-rows-[240px] gap-4 md:p-0" class="w-full max-w-[794px] grid grid-cols-1 md:grid-cols-2 auto-rows-[240px] gap-4 md:p-0"
> >
<Uploader class="w-full h-full" />
{#each files.files as file, i (file.id)} {#each files.files as file, i (file.id)}
{#if files.files.length >= 2 && i === 1}
<Uploader class="w-full h-full" />
{/if}
{@render fileItem(file, i)} {@render fileItem(file, i)}
{#if files.files.length < 2}
<Uploader class="w-full h-full" />
{/if}
{/each} {/each}
{#if files.files.length === 0}
<Uploader class="w-full h-full" />
{/if}
</div> </div>
</div> </div>