2025-summer/team-1
12
Fork 0
Code Issues Pull requests Projects Releases Activity

proper belter of a fookin page lads

Browse source
This commit is contained in:
Simone Tesini 2025-08-02 08:56:00 +02:00
parent a8d6279ef7
commit 9cb9c2cf72
7 changed files with 68 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

18
frontend/src/lib/components/RoomComponent.svelte Normal file
View file

@ -0,0 +1,18 @@
<script lang="ts">
import { type Room } from "$lib/types"
let { room }: { room: Room } = $props()
</script>
<button
class="flex w-82 cursor-pointer flex-row items-center rounded-md border border-dark-pine-muted bg-light-pine-overlay p-3 hover:bg-dark-pine-base/20 dark:bg-dark-pine-overlay hover:dark:bg-light-pine-base/20"
>
<div class="flex flex-row">
{room.name}
{room.private ? "🔒" : ""}
</div>
<div class="grow"></div>
<div class="flex flex-row items-center gap-2">
<div class="font-mono">64m</div>
<div class="rounded bg-light-pine-blue px-2 py-0.5 text-dark-pine-text dark:bg-dark-pine-blue">Join</div>
</div>
</button>