fix: adjust layout and positioning of user stats and login prompts in Launch screen
This commit is contained in:
1 file changed
+13
-6
@@ -1376,10 +1376,10 @@
|
||||
onClick={launch}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="relative h-50">
|
||||
{#if $currentUserInfo}
|
||||
<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 }}
|
||||
out:fly={{ duration: $reduceAnimations ? 0 : 400, y: -5, opacity: 0 }}
|
||||
>
|
||||
@@ -1432,7 +1432,9 @@
|
||||
<div in:fade>
|
||||
{#if $reduceAnimations}
|
||||
<span>
|
||||
#{numberHumanReadable($currentUserInfo.stats[selectedGamemode].rank ?? 0)}
|
||||
#{numberHumanReadable(
|
||||
$currentUserInfo.stats[selectedGamemode].rank ?? 0
|
||||
)}
|
||||
</span>
|
||||
{:else}
|
||||
<NumberFlow
|
||||
@@ -1456,7 +1458,9 @@
|
||||
<div in:fade>
|
||||
{#if $reduceAnimations}
|
||||
<span>
|
||||
{numberHumanReadable($currentUserInfo.stats[selectedGamemode].pp ?? 0)}pp
|
||||
{numberHumanReadable(
|
||||
$currentUserInfo.stats[selectedGamemode].pp ?? 0
|
||||
)}pp
|
||||
</span>
|
||||
{:else}
|
||||
<NumberFlow
|
||||
@@ -1504,7 +1508,9 @@
|
||||
<div in:fade>
|
||||
{#if $reduceAnimations}
|
||||
<span>
|
||||
{numberHumanReadable($currentUserInfo.stats[selectedGamemode].plays ?? 0)}
|
||||
{numberHumanReadable(
|
||||
$currentUserInfo.stats[selectedGamemode].plays ?? 0
|
||||
)}
|
||||
</span>
|
||||
{:else}
|
||||
<NumberFlow
|
||||
@@ -1524,7 +1530,7 @@
|
||||
</div>
|
||||
{:else}
|
||||
<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 }}
|
||||
out:fly={{ duration: $reduceAnimations ? 0 : 400, y: -5, opacity: 0 }}
|
||||
>
|
||||
@@ -1551,6 +1557,7 @@
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
</div>
|
||||
<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-muted-foreground font-semibold drop-shadow-lg"
|
||||
|
||||
Reference in new issue
Block a user