meta/yukiotoko-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: use text color

Browse Source
This commit is contained in:
metamethods 2025-01-03 01:09:49 -08:00
parent 95e42a9df2
commit 162638eb0b
4 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app.html
View File

@ -7,7 +7,7 @@
<title>yukiotoko</title> <title>yukiotoko</title>
%sveltekit.head% %sveltekit.head%
</head> </head>
<body data-sveltekit-preload-data="hover" class="bg-dark text-light"> <body data-sveltekit-preload-data="hover" class="bg-dark text-text">
<div style="display: contents">%sveltekit.body%</div> <div style="display: contents">%sveltekit.body%</div>
</body> </body>
</html> </html>

6
src/lib/Player.svelte
View File

@ -9,13 +9,11 @@
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<p>{player.name}</p> <p class="font-bold text-light">{player.name}</p>
<div class="flex gap-2"> <div class="flex gap-2">
<Rating rating={player.rating} /> <Rating rating={player.rating} />
<BattleRank rank={player.battleRank} class="w-16" /> <BattleRank rank={player.battleRank} class="w-16" />
</div> </div>
</div> </div>
{#if player.team} <Team team={player?.team ?? { name: 'No Team', rank: 0 }} />
<Team team={player.team} />
{/if}
</div> </div>

8
src/lib/Room.svelte
View File

@ -1,5 +1,6 @@
<script lang="ts"> <script lang="ts">
import { User, Calendar } from 'lucide-svelte'; import { User, Calendar } from 'lucide-svelte';
import { onMount } from 'svelte';
import Player from './Player.svelte'; import Player from './Player.svelte';
import BattleRank from './BattleRank.svelte'; import BattleRank from './BattleRank.svelte';
import GameVersion from './GameVersion.svelte'; import GameVersion from './GameVersion.svelte';
@ -7,7 +8,6 @@
import Date from './Date.svelte'; import Date from './Date.svelte';
import axios from 'axios'; import axios from 'axios';
import type { Room } from './types'; import type { Room } from './types';
import { onMount } from 'svelte';
let { room }: { room: Room } = $props(); let { room }: { room: Room } = $props();
@ -48,8 +48,8 @@
</div> </div>
<div class="flex flex-col"> <div class="flex flex-col">
<p class="flex items-center gap-2 text-sub">game version <Separator /> {room.gameVersion}</p> <p class="flex items-center gap-2">game version <Separator /> {room.gameVersion}</p>
<p class="flex items-center gap-2 text-sub"> <p class="flex items-center gap-2">
room battle rank <Separator /> room battle rank <Separator />
{room.roomBattleRank} {room.roomBattleRank}
</p> </p>
@ -60,7 +60,7 @@
</div> </div>
<div class="flex flex-col gap-4"> <div class="flex flex-col gap-4">
<p class="flex items-center gap-2"> <p class="flex items-center gap-2 text-light">
<User class="inline-block w-6" /> <User class="inline-block w-6" />
{room.players.length} / 4 {room.players.length} / 4
<Separator /> <Separator />

2
src/lib/Team.svelte
View File

@ -11,7 +11,7 @@
? 'team-second' ? 'team-second'
: team.rank == 3 : team.rank == 3
? 'team-third' ? 'team-third'
: ''}" : 'text-light'}"
> >
<p> <p>
{team.name} {team.name}