odo/dl.emersa.it
1
0
Fork 0
Code Issues Pull requests Releases 10 Packages Activity Actions

Update formats

Browse source
This commit is contained in:
0d0 2025-02-05 13:42:59 +01:00
parent f0fed89b97
commit 98ea6e01ec
1 changed files with 18 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/routes/+page.svelte
View file

@ -6,6 +6,8 @@
let showModal = $state(false);
let error = $state(false);
let href = $state('');
// let formats = ['ogg', 'mp3', 'mp4']
const formats = [{ value: 'mp3', label: 'MP3' }];
const toggleModal = () => {
showModal = !showModal;
@ -67,8 +69,15 @@
</label>
<label class="flex items-center space-x-3">
<input type="radio" name="source" value="spotify" bind:group={source} class="retro-radio" />
<span>Spotify</span>
<input
disabled
type="radio"
name="source"
value="spotify"
bind:group={source}
class="retro-radio"
/>
<span class="not-available">Spotify</span>
</label>
<label class="flex items-center space-x-3">
@ -108,9 +117,9 @@
bind:value={format}
class="w-full rounded-lg border-4 border-green-500 bg-green-200 px-4 py-3 text-black focus:border-pink-500 focus:outline-none"
>
<option value="mp3">MP3</option>
<option value="vorbis">OGG</option>
<option value="mp4">MP4</option>
{#each formats as format}
<option value={format.value}>{format.label}</option>
{/each}
</select>
</div>
@ -161,6 +170,10 @@
text-decoration: underline;
text-align: center;
}
.not-available {
text-decoration-line: line-through;
text-decoration-color: red;
}
.retro-radio {
appearance: none;