custom bar

This commit is contained in:
Mat12143 2025-08-02 10:28:11 +02:00
parent d50979077a
commit 69cf462662
3 changed files with 45 additions and 4 deletions

View file

@ -2,14 +2,17 @@
let { roomId } = $props()
let input = $state("")
let disabled = $state(false)
async function sendSong() {
disabled = true
await fetch(`/api/addsong?room=${roomId}&query=${input}`, { method: "POST" })
input = ""
disabled = false
}
</script>
<div class="flex h-full w-full flex-row items-center gap-2 rounded border-2 border-lime-600 bg-lime-500">
<div class={`flex h-full w-full flex-row items-center gap-2 rounded border-2 border-lime-600 bg-lime-500 ${disabled ? "disabled" : ""}`}>
<input
type="text"
placeholder="Song & Artist"