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}
|
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"
|
||||||
|
|||||||
Reference in new issue
Block a user