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

Add minimal styling

Browse source
This commit is contained in:
Leonardo Segala 2025-08-02 04:34:45 +02:00
parent a6a7eeb690
commit 2a4a4c3caa
3 changed files with 48 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/lib/components/SuggestionInput.svelte
View file

@ -9,7 +9,11 @@
}
</script>
<div class="flex h-full w-full flex-row items-center gap-2 rounded border-2 border-black p-4">
<input type="text" placeholder="Song & Artist" class="h-full w-3/4 rounded" bind:value={input} />
<button class="w-1/4 rounded" onclick={sendSong}>Send</button>
<div class="bg-lime-500 flex h-full w-full flex-row items-center gap-2 rounded border-2 border-lime-600">
<input type="text" placeholder="Song & Artist" class="font-bold outline-none text-white h-[50px] px-4 w-3/4 rounded" bind:value={input} />
<button
class="shadow-xl hover:scale-105 w-1/4 h-[40px] cursor-pointer bg-lime-600 border-lime-700 font-semibold text-white border-2 i-lucide-check rounded active:scale-90 duration-100"
onclick={sendSong}>Add</button
>
<span class="i-lucide-chevrons-left"></span>
</div>