Whidix/OnePieceDle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: update link generation to use resolve for consistent path handling

Browse Source
This commit is contained in:
whidix
2026-03-15 19:53:47 +01:00
parent 5fdde9d177
commit 6d2dccd47f
3 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/routes/(game)/+layout.svelte
View File

@@ -1,5 +1,6 @@
<script lang="ts"> <script lang="ts">
import ProfileButton from '$lib/components/ProfileButton.svelte'; import ProfileButton from '$lib/components/ProfileButton.svelte';
import { resolve } from '$app/paths';
let { children, data } = $props(); let { children, data } = $props();
</script> </script>
@@ -7,7 +8,7 @@
<div class="min-h-screen bg-slate-950"> <div class="min-h-screen bg-slate-950">
<header class="fixed top-0 right-0 left-0 z-50 border-b border-white/5 bg-slate-950/95 backdrop-blur"> <header class="fixed top-0 right-0 left-0 z-50 border-b border-white/5 bg-slate-950/95 backdrop-blur">
<div class="mx-auto flex max-w-7xl items-center justify-between px-6 py-4"> <div class="mx-auto flex max-w-7xl items-center justify-between px-6 py-4">
<a href="/" class="text-lg font-black uppercase tracking-[0.15em] text-amber-50 transition hover:text-amber-100"> <a href={resolve("/")} class="text-lg font-black uppercase tracking-[0.15em] text-amber-50 transition hover:text-amber-100">
OnePieceDle OnePieceDle
</a> </a>
<ProfileButton user={data.user} /> <ProfileButton user={data.user} />

8
src/routes/(game)/+page.svelte
View File

@@ -1,6 +1,8 @@
<script lang="ts"> <script lang="ts">
export let data; export let data;
import { resolve } from '$app/paths';
$: yesterdayCharacter = data.yesterdayCharacter; $: yesterdayCharacter = data.yesterdayCharacter;
</script> </script>
@@ -11,7 +13,7 @@
<main <main
class="relative min-h-[calc(100vh-5rem)] bg-slate-950 text-slate-100" class="relative min-h-[calc(100vh-5rem)] bg-slate-950 text-slate-100"
> >
<div class="absolute inset-0 bg-gradient-to-br from-slate-950/85 via-slate-900/60 to-slate-950/80"></div> <div class="absolute inset-0 bg-linear-to-br from-slate-950/85 via-slate-900/60 to-slate-950/80"></div>
<div class="absolute inset-0 mix-blend-screen opacity-20 bg-[radial-gradient(circle_at_top,rgba(255,215,84,0.35),transparent_55%)]"></div> <div class="absolute inset-0 mix-blend-screen opacity-20 bg-[radial-gradient(circle_at_top,rgba(255,215,84,0.35),transparent_55%)]"></div>
<div class="relative mx-auto flex w-full max-w-6xl flex-col items-center justify-center px-6 py-10"> <div class="relative mx-auto flex w-full max-w-6xl flex-col items-center justify-center px-6 py-10">
@@ -30,7 +32,7 @@
<p class="mt-3 text-lg font-semibold text-white">Nouveau mystere toutes les 24 heures</p> <p class="mt-3 text-lg font-semibold text-white">Nouveau mystere toutes les 24 heures</p>
<p class="mt-2 text-sm text-slate-200">Compare tes essais, debloque des indices et garde ta serie.</p> <p class="mt-2 text-sm text-slate-200">Compare tes essais, debloque des indices et garde ta serie.</p>
<a <a
href="/daily" href={resolve("/daily")}
class="mt-5 inline-flex w-full items-center justify-center rounded-full bg-amber-300 px-5 py-3 text-sm font-semibold text-slate-900 transition hover:bg-amber-200" class="mt-5 inline-flex w-full items-center justify-center rounded-full bg-amber-300 px-5 py-3 text-sm font-semibold text-slate-900 transition hover:bg-amber-200"
> >
Commencer Commencer
@@ -41,7 +43,7 @@
<p class="mt-3 text-lg font-semibold text-white">Des defis sans fin</p> <p class="mt-3 text-lg font-semibold text-white">Des defis sans fin</p>
<p class="mt-2 text-sm text-slate-200">Enchaine les personnages et croise ton score. Pas de limite, que du plaisir.</p> <p class="mt-2 text-sm text-slate-200">Enchaine les personnages et croise ton score. Pas de limite, que du plaisir.</p>
<a <a
href="/infinite" href={resolve("/infinite")}
class="mt-5 inline-flex w-full items-center justify-center rounded-full border border-amber-200/40 bg-transparent px-5 py-3 text-sm font-semibold text-amber-100 transition hover:border-amber-200 hover:text-amber-50" class="mt-5 inline-flex w-full items-center justify-center rounded-full border border-amber-200/40 bg-transparent px-5 py-3 text-sm font-semibold text-amber-100 transition hover:border-amber-200 hover:text-amber-50"
> >
Jouer Jouer

5
src/routes/(game)/login/+page.svelte
View File

@@ -1,5 +1,6 @@
<script lang="ts"> <script lang="ts">
import { enhance } from '$app/forms'; import { enhance } from '$app/forms';
import { resolve } from '$app/paths';
import type { ActionData } from './$types'; import type { ActionData } from './$types';
export let form: ActionData; export let form: ActionData;
@@ -28,7 +29,7 @@
</svelte:head> </svelte:head>
<main class="relative min-h-[calc(100vh-5rem)] bg-slate-950 text-slate-100"> <main class="relative min-h-[calc(100vh-5rem)] bg-slate-950 text-slate-100">
<div class="absolute inset-0 bg-gradient-to-br from-slate-950/85 via-slate-900/60 to-slate-950/80"></div> <div class="absolute inset-0 bg-linear-to-br from-slate-950/85 via-slate-900/60 to-slate-950/80"></div>
<div <div
class="absolute inset-0 mix-blend-screen opacity-20 bg-[radial-gradient(circle_at_top,rgba(255,215,84,0.35),transparent_55%)]" class="absolute inset-0 mix-blend-screen opacity-20 bg-[radial-gradient(circle_at_top,rgba(255,215,84,0.35),transparent_55%)]"
></div> ></div>
@@ -182,7 +183,7 @@
<!-- Back to Home --> <!-- Back to Home -->
<div class="text-center"> <div class="text-center">
<a href="/" class="text-sm text-slate-400 transition hover:text-slate-300"> <a href={resolve("/")} class="text-sm text-slate-400 transition hover:text-slate-300">
← Retour à l'accueil ← Retour à l'accueil
</a> </a>
</div> </div>