fix: adjust layout and positioning of user stats and login prompts in Launch screen

This commit is contained in:
HorizonCode committed 2026-05-24 16:41:01 +02:00
1 parent 2ded0d4b94
commit 1467d3e296
1 file changed
+13 -6
+13 -6
View File
@@ -1376,10 +1376,10 @@
onClick={launch} onClick={launch}
/> />
</div> </div>
<div class="relative h-50">
{#if $currentUserInfo} {#if $currentUserInfo}
<div <div
class="m-1 w-72 h-48 bg-black/40 backdrop-blur-sm rounded-md ring-1 ring-inset ring-white/5 flex flex-col items-center p-3" class="m-1 w-72 h-48 bg-black/40 backdrop-blur-sm rounded-md ring-1 ring-inset ring-white/5 flex flex-col items-center p-3 absolute top-0 left-0"
in:fly={{ duration: $reduceAnimations ? 0 : 400, y: 5, opacity: 0 }} in:fly={{ duration: $reduceAnimations ? 0 : 400, y: 5, opacity: 0 }}
out:fly={{ duration: $reduceAnimations ? 0 : 400, y: -5, opacity: 0 }} out:fly={{ duration: $reduceAnimations ? 0 : 400, y: -5, opacity: 0 }}
> >
@@ -1432,7 +1432,9 @@
<div in:fade> <div in:fade>
{#if $reduceAnimations} {#if $reduceAnimations}
<span> <span>
#{numberHumanReadable($currentUserInfo.stats[selectedGamemode].rank ?? 0)} #{numberHumanReadable(
$currentUserInfo.stats[selectedGamemode].rank ?? 0
)}
</span> </span>
{:else} {:else}
<NumberFlow <NumberFlow
@@ -1456,7 +1458,9 @@
<div in:fade> <div in:fade>
{#if $reduceAnimations} {#if $reduceAnimations}
<span> <span>
{numberHumanReadable($currentUserInfo.stats[selectedGamemode].pp ?? 0)}pp {numberHumanReadable(
$currentUserInfo.stats[selectedGamemode].pp ?? 0
)}pp
</span> </span>
{:else} {:else}
<NumberFlow <NumberFlow
@@ -1504,7 +1508,9 @@
<div in:fade> <div in:fade>
{#if $reduceAnimations} {#if $reduceAnimations}
<span> <span>
{numberHumanReadable($currentUserInfo.stats[selectedGamemode].plays ?? 0)} {numberHumanReadable(
$currentUserInfo.stats[selectedGamemode].plays ?? 0
)}
</span> </span>
{:else} {:else}
<NumberFlow <NumberFlow
@@ -1524,7 +1530,7 @@
</div> </div>
{:else} {:else}
<div <div
class="m-1 w-72 h-48 bg-black/40 backdrop-blur-sm rounded-md ring-1 ring-inset ring-white/5 flex flex-col items-center justify-center p-3 gap-3" class="m-1 w-72 h-48 bg-black/40 backdrop-blur-sm rounded-md ring-1 ring-inset ring-white/5 flex flex-col items-center justify-center p-3 gap-3 absolute top-0 left-0"
in:fly={{ duration: $reduceAnimations ? 0 : 400, y: 5, opacity: 0 }} in:fly={{ duration: $reduceAnimations ? 0 : 400, y: 5, opacity: 0 }}
out:fly={{ duration: $reduceAnimations ? 0 : 400, y: -5, opacity: 0 }} out:fly={{ duration: $reduceAnimations ? 0 : 400, y: -5, opacity: 0 }}
> >
@@ -1551,6 +1557,7 @@
</div> </div>
</div> </div>
{/if} {/if}
</div>
<div class="flex flex-col mb-auto mt-12 px-6"> <div class="flex flex-col mb-auto mt-12 px-6">
<span class="text-4xl font-bold drop-shadow-lg">EZPPLauncher</span> <span class="text-4xl font-bold drop-shadow-lg">EZPPLauncher</span>
<span class="text-muted-foreground font-semibold drop-shadow-lg" <span class="text-muted-foreground font-semibold drop-shadow-lg"