EZPPFarm/EZPPLauncher
1
0 Fork 0
Code Issues Pull Requests Actions Releases 37 Activity

fix: login box width, update releasestream and version

Browse Source
This commit is contained in:
HorizonCode committed 2026-02-15 19:08:04 +01:00
1 parent 08a8e34781
commit 6825f9e99b
1 file changed
+60 -51
Download Patch File Download Diff File Expand all files Collapse all files
src/screens/Launch.svelte
+60 -51
View File
@@ -165,6 +165,11 @@
const skin: string = await getSkin(selectedPath); const skin: string = await getSkin(selectedPath);
currentSkin.set(skin); currentSkin.set(skin);
const osuReleaseStream = await getReleaseStream($osuInstallationPath);
osuStream.set(osuReleaseStream);
const osuVersion = await getVersion($osuInstallationPath);
osuBuild.set(osuVersion);
} }
}; };
@@ -861,26 +866,28 @@
> >
<div class="relative z-10 px-8 py-4 flex items-center justify-between"> <div class="relative z-10 px-8 py-4 flex items-center justify-between">
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<div class="flex items-center gap-2"> {#if $osuInstallationPath !== ''}
<Music2 class="size-3.5 text-blue-400" /> <div class="flex items-center gap-2">
<span class="text-[11px] text-white/70 font-medium"> <Music2 class="size-3.5 text-blue-400" />
{#if !$beatmapSets && $beatmapSets !== 0} <span class="text-[11px] text-white/70 font-medium">
<LoaderCircle class="animate-spin" size={12} /> {#if !$beatmapSets && $beatmapSets !== 0}
{:else} <LoaderCircle class="animate-spin" size={12} />
{numberHumanReadable($beatmapSets ?? 0)} {:else}
{/if} {numberHumanReadable($beatmapSets ?? 0)}
</span> {/if}
</div> </span>
<div class="flex items-center gap-2"> </div>
<Brush class="size-3.5 text-amber-400" /> <div class="flex items-center gap-2">
<span class="text-[11px] text-white/70 font-medium"> <Brush class="size-3.5 text-amber-400" />
{#if !$skins && $skins !== 0} <span class="text-[11px] text-white/70 font-medium">
<LoaderCircle class="animate-spin" size={12} /> {#if !$skins && $skins !== 0}
{:else} <LoaderCircle class="animate-spin" size={12} />
{numberHumanReadable($skins ?? 0)} {:else}
{/if} {numberHumanReadable($skins ?? 0)}
</span> {/if}
</div> </span>
</div>
{/if}
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
{#if $serverConnectionFails > 1} {#if $serverConnectionFails > 1}
<WifiOff class="size-3.5 text-red-400" /> <WifiOff class="size-3.5 text-red-400" />
@@ -910,39 +917,41 @@
</span> </span>
</div> </div>
<div class="w-px h-4 bg-white/10"></div> {#if $osuInstallationPath !== ''}
<div class="w-px h-4 bg-white/10"></div>
<span <span
class="text-[10px] px-2 py-0.5 rounded-full bg-white/10 text-white/50 border border-white/[0.06]" class="text-[10px] px-2 py-0.5 rounded-full bg-white/10 text-white/50 border border-white/[0.06]"
> >
{#if $osuStream} {#if $osuStream}
{releaseStreamToReadable($osuStream)} {releaseStreamToReadable($osuStream)}
{:else}
<LoaderCircle class="animate-spin" size={10} />
{/if}
</span>
<span
class="text-[10px] px-2 py-0.5 rounded-full bg-white/10 text-white/50 font-mono border border-white/[0.06]"
>
{#if $osuBuild}
{$osuBuild}
{:else}
<LoaderCircle class="animate-spin" size={10} />
{/if}
</span>
<span
class="text-[10px] px-2 py-0.5 rounded-full bg-primary/20 text-primary border border-primary/20"
>
{#if $currentSkin}
{#if $currentSkin.length > 23}
{$currentSkin.slice(0, 23) + '...'}
{:else} {:else}
{$currentSkin} <LoaderCircle class="animate-spin" size={10} />
{/if} {/if}
{:else} </span>
<LoaderCircle class="animate-spin" size={10} /> <span
{/if} class="text-[10px] px-2 py-0.5 rounded-full bg-white/10 text-white/50 font-mono border border-white/[0.06]"
</span> >
{#if $osuBuild}
{$osuBuild}
{:else}
<LoaderCircle class="animate-spin" size={10} />
{/if}
</span>
<span
class="text-[10px] px-2 py-0.5 rounded-full bg-primary/20 text-primary border border-primary/20"
>
{#if $currentSkin}
{#if $currentSkin.length > 23}
{$currentSkin.slice(0, 23) + '...'}
{:else}
{$currentSkin}
{/if}
{:else}
<LoaderCircle class="animate-spin" size={10} />
{/if}
</span>
{/if}
</div> </div>
<DownloadButton <DownloadButton
@@ -1326,7 +1335,7 @@
in:fly={{ duration: 400, delay: 400, y: 10, opacity: 0 }} in:fly={{ duration: 400, delay: 400, y: 10, opacity: 0 }}
out:fly={{ duration: 400, y: -10, opacity: 0 }} out:fly={{ duration: 400, y: -10, opacity: 0 }}
> >
<div class="p-8 w-full"> <div class="p-8 px-52 w-full">
<form onsubmit={performLogin} class="bg-black/40 backdrop-blur-sm rounded-lg p-8"> <form onsubmit={performLogin} class="bg-black/40 backdrop-blur-sm rounded-lg p-8">
<div class="flex flex-col items-center justify-center mb-4"> <div class="flex flex-col items-center justify-center mb-4">
<span class="text-xl font-semibold">Login to EZPPFarm</span> <span class="text-xl font-semibold">Login to EZPPFarm</span>