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

fix: visual fixes

This commit is contained in:
Maya 2025-07-25 14:02:20 +03:00
parent d1cf0a8f31
commit c336d7d7a7
No known key found for this signature in database
3 changed files with 24 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/lib/css/app.scss
View File

@ -318,14 +318,17 @@ body {
.hoverable { .hoverable {
@apply hover:scale-105 duration-200; @apply hover:scale-105 duration-200;
will-change: transform;
} }
.hoverable-md { .hoverable-md {
@apply hover:scale-110 duration-200; @apply hover:scale-110 duration-200;
will-change: transform;
} }
.hoverable-lg { .hoverable-lg {
@apply hover:scale-[1.15] duration-200; @apply hover:scale-[1.15] duration-200;
will-change: transform;
} }
.selected { .selected {

9
src/lib/sections/about/Donate.svelte
View File

@ -210,22 +210,23 @@
Monthly Monthly
</button> </button>
</div> </div>
<div class="flex gap-3 w-full"> <div class="grid grid-cols-4 gap-3 w-full">
{#each presetAmounts as preset} {#each presetAmounts as preset, i}
<button <button
onclick={() => amountClick(preset)} onclick={() => amountClick(preset)}
class={clsx( class={clsx(
"btn flex-1 p-4 rounded-lg flex items-center justify-center", "btn p-4 rounded-lg flex items-center justify-center",
{ {
"!scale-100": !$effects, "!scale-100": !$effects,
"bg-accent-red text-black": amount === preset, "bg-accent-red text-black": amount === preset,
}, },
)} )}
style={i === 2 ? "grid-column: 3;" : ""}
> >
${preset} USD ${preset} USD
</button> </button>
{/each} {/each}
<div class="flex-[2] flex items-center justify-center"> <div class="flex items-center justify-center">
<FancyInput <FancyInput
bind:value={customAmount} bind:value={customAmount}
placeholder="Custom" placeholder="Custom"

6
src/routes/+page.svelte
View File

@ -115,7 +115,6 @@
</div> </div>
<div class="file-category-card-content flex-grow gap-4"> <div class="file-category-card-content flex-grow gap-4">
<div class="flex flex-col gap-1">
{#if key === "Video"} {#if key === "Video"}
<p> <p>
Video uploads to a server for processing by Video uploads to a server for processing by
@ -126,9 +125,7 @@
>. >.
</p> </p>
{:else} {:else}
<p <p class="flex tems-center justify-center gap-2">
class="flex tems-center justify-center gap-2"
>
<Check size="20" /> Local fully supported <Check size="20" /> Local fully supported
</p> </p>
{/if} {/if}
@ -136,7 +133,6 @@
<b>Status: </b> <b>Status: </b>
{s.ready ? "ready" : "not ready"} {s.ready ? "ready" : "not ready"}
</p> </p>
</div>
<div> <div>
<span class="flex flex-wrap justify-center"> <span class="flex flex-wrap justify-center">
<b>Supported formats:&nbsp;</b> <b>Supported formats:&nbsp;</b>