Design Prot Merge #1

Merged
NotS1mp merged 217 commits from design-prot into master 2026-09-21 15:48:16 +00:00
4 changed files with 13 additions and 13 deletions
Showing only changes of commit 2abca7f08d - Show all commits
@@ -40,7 +40,7 @@
</svelte:head> </svelte:head>
<section class="px-8 py-12"> <section class="px-8 py-12">
<h1 class="text-3xl font-bold tracking-tight sm:text-4xl">Explorar</h1> <h1 class="font-display text-3xl font-bold tracking-tight sm:text-4xl">Explorar</h1>
<p class="mt-2 text-neutral-400">Descubre canciones o busca por nombre.</p> <p class="mt-2 text-neutral-400">Descubre canciones o busca por nombre.</p>
<form method="GET" class="mt-8 flex gap-3"> <form method="GET" class="mt-8 flex gap-3">
@@ -28,14 +28,14 @@
</script> </script>
<svelte:head> <svelte:head>
<title>Tus listas · Musify</title> <title>Mis listas · Musify</title>
<meta name="description" content="Tus listas en Musify." /> <meta name="description" content="Mis listas en Musify." />
</svelte:head> </svelte:head>
<section class="px-8 py-12"> <section class="px-8 py-12">
<div class="flex items-end justify-between gap-4"> <div class="flex items-end justify-between gap-4">
<div> <div>
<h1 class="text-3xl font-bold tracking-tight sm:text-4xl">Tus listas</h1> <h1 class="font-display text-3xl font-bold tracking-tight sm:text-4xl">Mis listas</h1>
<p class="mt-2 text-neutral-400">Crea y organiza tus colecciones.</p> <p class="mt-2 text-neutral-400">Crea y organiza tus colecciones.</p>
</div> </div>
<button <button
@@ -74,7 +74,7 @@
<span class="mx-auto grid h-14 w-14 place-items-center rounded-full bg-[var(--mf-accent)] text-neutral-950"> <span class="mx-auto grid h-14 w-14 place-items-center rounded-full bg-[var(--mf-accent)] text-neutral-950">
<ListMusic class="h-7 w-7" /> <ListMusic class="h-7 w-7" />
</span> </span>
<h3 class="mt-5 text-xl font-bold tracking-tight">Todavía no tienes listas</h3> <h3 class="mt-5 font-display text-xl font-bold tracking-tight">Todavía no tienes listas</h3>
<p class="mt-2 text-sm text-neutral-400">Crea la primera y añádele canciones de tu biblioteca.</p> <p class="mt-2 text-sm text-neutral-400">Crea la primera y añádele canciones de tu biblioteca.</p>
<button <button
type="button" type="button"
@@ -102,7 +102,7 @@
> >
<div class="animate-pop w-full max-w-md rounded-2xl border border-white/10 bg-neutral-900 p-6 shadow-2xl"> <div class="animate-pop w-full max-w-md rounded-2xl border border-white/10 bg-neutral-900 p-6 shadow-2xl">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<h2 class="text-lg font-bold tracking-tight">Nueva lista</h2> <h2 class="font-display text-lg font-bold tracking-tight">Nueva lista</h2>
<button <button
type="button" type="button"
onclick={() => (creating = false)} onclick={() => (creating = false)}
@@ -61,7 +61,7 @@
> >
<ArrowLeft class="h-4 w-4" /> <ArrowLeft class="h-4 w-4" />
</span> </span>
Tus listas Mis listas
</a> </a>
<div class="mt-6 flex flex-col gap-6 sm:flex-row sm:items-end"> <div class="mt-6 flex flex-col gap-6 sm:flex-row sm:items-end">
@@ -72,7 +72,7 @@
/> />
<div class="min-w-0 flex-1"> <div class="min-w-0 flex-1">
<p class="text-xs font-semibold uppercase tracking-[0.14em] text-neutral-400">Lista</p> <p class="text-xs font-semibold uppercase tracking-[0.14em] text-neutral-400">Lista</p>
<h1 class="mt-1.5 text-4xl font-bold tracking-tight sm:text-5xl">{playlist.name}</h1> <h1 class="mt-1.5 font-display text-4xl font-bold tracking-tight sm:text-5xl">{playlist.name}</h1>
{#if playlist.description} {#if playlist.description}
<p class="mt-3 max-w-2xl text-neutral-300">{playlist.description}</p> <p class="mt-3 max-w-2xl text-neutral-300">{playlist.description}</p>
{/if} {/if}
@@ -163,7 +163,7 @@
{#if library.length > 0} {#if library.length > 0}
<div class="mt-12 max-w-[900px]"> <div class="mt-12 max-w-[900px]">
<h2 class="text-lg font-bold tracking-tight">Añadir de tu biblioteca</h2> <h2 class="font-display text-lg font-bold tracking-tight">Añadir de tu biblioteca</h2>
<div class="mt-4 flex flex-col"> <div class="mt-4 flex flex-col">
{#each library as track (track.id)} {#each library as track (track.id)}
<div class="flex items-center gap-3.5 rounded-[10px] px-3 py-[10px] transition hover:bg-neutral-900/60"> <div class="flex items-center gap-3.5 rounded-[10px] px-3 py-[10px] transition hover:bg-neutral-900/60">
@@ -206,7 +206,7 @@
> >
<div class="animate-pop w-full max-w-md rounded-2xl border border-white/10 bg-neutral-900 p-6 shadow-2xl"> <div class="animate-pop w-full max-w-md rounded-2xl border border-white/10 bg-neutral-900 p-6 shadow-2xl">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<h2 class="text-lg font-bold tracking-tight">Editar playlist</h2> <h2 class="font-display text-lg font-bold tracking-tight">Editar playlist</h2>
<button <button
type="button" type="button"
onclick={() => (editing = false)} onclick={() => (editing = false)}
@@ -286,7 +286,7 @@
}} }}
> >
<div class="animate-pop w-full max-w-sm rounded-2xl border border-white/10 bg-neutral-900 p-6 shadow-2xl"> <div class="animate-pop w-full max-w-sm rounded-2xl border border-white/10 bg-neutral-900 p-6 shadow-2xl">
<h2 class="text-lg font-bold tracking-tight">¿Eliminar «{playlist.name}»?</h2> <h2 class="font-display text-lg font-bold tracking-tight">¿Eliminar «{playlist.name}»?</h2>
<p class="mt-2 text-sm text-neutral-400"> <p class="mt-2 text-sm text-neutral-400">
Esta acción no se puede deshacer. Las canciones seguirán en tu biblioteca. Esta acción no se puede deshacer. Las canciones seguirán en tu biblioteca.
</p> </p>
@@ -113,7 +113,7 @@
</span> </span>
Volver a la biblioteca Volver a la biblioteca
</a> </a>
<h1 class="mt-6 text-4xl font-bold tracking-tight sm:text-5xl">Subir música</h1> <h1 class="mt-6 font-display text-4xl font-bold tracking-tight sm:text-5xl">Subir música</h1>
<p class="mt-4 text-lg text-neutral-400"> <p class="mt-4 text-lg text-neutral-400">
Añade una canción con su portada y título. Nosotros la procesamos para streaming. Añade una canción con su portada y título. Nosotros la procesamos para streaming.
</p> </p>
@@ -145,7 +145,7 @@
> >
<Check class="h-8 w-8" strokeWidth={2.5} /> <Check class="h-8 w-8" strokeWidth={2.5} />
</span> </span>
<h2 class="mt-6 text-2xl font-bold tracking-tight">¡Subida!</h2> <h2 class="mt-6 font-display text-2xl font-bold tracking-tight">¡Subida!</h2>
<p class="mt-3 text-lg text-neutral-300"> <p class="mt-3 text-lg text-neutral-300">
«{publishedTitle}» se está procesando. Aparecerá lista para reproducir en tu biblioteca en «{publishedTitle}» se está procesando. Aparecerá lista para reproducir en tu biblioteca en
unos momentos. unos momentos.