gribse/mentalaradio
1
0
Fork 0
forked from globuzma/mentalaradio
Code Pull requests Activity

set width of containers

Browse source
This commit is contained in:
gribse 2025-03-21 19:00:31 +01:00
parent 3d0aae0fdc
commit c43a87bd05
1 changed files with 5 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/App.svelte
View file

@ -72,14 +72,15 @@
</div>
<img class="w-96 -mb-48 md:w-xl md:-mr-56 md:-mt-64 md:-mb-80" src={menthealeauLogo} alt="Logo d'une menthe à l'eau" />
</div>
<div class="flex flex-col md:items-center gap-2 max-w-200 w-full">
<div class="p-4 bg-[#f97095] rounded-md border-white border-5 drop-shadow-md flex flex-col gap-4 max-w-200 w-full">
<div class="text-container flex flex-row gap-4"> <!--Left col-->
<div class="flex flex-row md:items-center gap-2 max-w-200 w-full">
<div class="p-4 bg-[#f97095] rounded-md border-white border-5 drop-shadow-md flex flex-row gap-4 max-w-200 w-full">
<div class="text-container flex flex-col gap-4 max-w-80"> <!--Left col-->
<h1 class="font-[Momentz] text-white font-bold text-4xl">Menthe à l'eau</h1>
<p class="text-white font-[Inter] font-bold">Créée à l'origine pour être un énorme dump de musique en tout genre. Cette playlist est contre toute attente devenue un énorme dump de musique en tout genre. Enjoy the radio. 📻</p>
</div>
<div class="player-container flex flex-row gap-4"> <!--Right col-->
<div class="player-container flex flex-col gap-4"> <!--Right col-->
{#if imageData == ""}
<div class="block w-full pb-[26%] pt-[26%] flex flex-col items-center justify-center bg-[#ff99b4] rounded-md">
<svg class="mr-3 -ml-1 size-5 animate-spin text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg>