modified css

This commit is contained in:
Matthis FAUVET 2024-06-21 23:03:27 +02:00
parent 2eb54a24d8
commit 1ac057e82a

View File

@ -8,17 +8,18 @@
<input id="song" type="button" onclick={click} value="Songs" <input id="song" type="button" onclick={click} value="Songs"
class="mr-4 border-solid border rounded-lg h-20 w-64 mt-2 {song_style}"/> class="mr-4 border-solid border rounded-lg h-20 w-64 mt-2 {song_style}"/>
</div> </div>
<form onsubmit={ add }>
<div class="flex flex-row items-baseline"> <div class="flex flex-row items-baseline">
<input class="flex-grow-1 border-solid border bg-emerald-100 w-half rounded-lg border-emerald-300 border h-20 pl-6 grow" <input class="flex-grow-1 border-solid border bg-emerald-100 w-half rounded-lg border-emerald-300 border h-20 pl-6 grow"
placeholder={ state.placeholder } onkeyup={ edit } /> placeholder={ state.placeholder } onkeyup={ edit } />
<form action="https://google.com">
<input type="button" value="Playlists" <input type="button" value="Playlists"
class="ml-2 border-solid bg-emerald-300 border rounded-lg border-emerald-600 mb-4 h-20 w-48 mt-2"/> class="ml-2 border-solid bg-emerald-300 border rounded-lg border-emerald-600 mb-4 h-20 w-48 mt-2"/>
</div>
</form> </form>
</div> </div>
</div>
<div class="flex flex-wrap px-12 justify-between mt-8"> <div class="flex flex-wrap px-12 justify-between mt-8" if>
<div each={ album in state.items } class="item mb-4 border border-solid rounded-lg h-64 flex justify-center items-center"> <div each={ album in state.items } class="item mb-4 border border-solid rounded-lg h-64 flex justify-center items-center">
<p> { album.name } </p> <p> { album.name } </p>
</div> </div>