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

fix transition inconsistency in conversion page 

fixes by putting the conversion panel & files in same div
This commit is contained in:
JovannMC 2025-01-10 17:18:56 +03:00
parent f5e67284e2
commit 7840c9c508
No known key found for this signature in database
2 changed files with 4 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/routes/+layout.svelte
View File

@ -110,6 +110,7 @@
<div class="flex flex-col min-h-screen h-full">
<!-- 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 -->
<div class="flex flex-col">
<!-- Mobile logo -->

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

@ -93,19 +93,13 @@
</Panel>
{/snippet}
<div
class="flex justify-center items-center -mt-4 pb-8"
>
<div class="max-w-[796px] w-full px-4 md:p-0">
<div class="flex flex-col justify-center items-center gap-8 -mt-4 px-4 md:p-0">
<div class="max-w-[796px] w-full">
<ConversionPanel />
</div>
</div>
<div
class="w-full h-full flex justify-center"
>
<div
class="w-[794px] grid grid-cols-1 md:grid-cols-2 px-4 md:p-0 auto-rows-[240px] gap-4"
class="w-full max-w-[794px] grid grid-cols-1 md:grid-cols-2 auto-rows-[240px] gap-4 md:p-0"
>
{#each files.files as file, i (file.id)}
{#if files.files.length >= 2 && i === 1}