web-player: P10 — cabeceras, diálogos y tipografía · 2cf3e9f02d - Musify

web-player: P10 — cabeceras, diálogos y tipografía

PageHeader fusiona CollectionHeader (title/eyebrow/description/meta/
cover?/actions?/align?): sin cover se comporta como el antiguo
PageHeader simple (acciones en línea), con cover como el antiguo
CollectionHeader (acciones debajo). Fija su propio margen inferior
(mb-7/8); se quitan los mt-* que ponía cada página después. Migra los
9 sitios que usaban uno u otro (álbumes, biblioteca, listas, subir,
Explorar ×2, me gusta, mezcla, perfil). CollectionHeader se borra.

AlbumHeader y PlaylistHeader se inlinean en sus páginas y se borran.
Decisión (recomendada, sin bloquear): PlaylistHeader gana iconos en
Editar/Eliminar/Reproducir, igual que ya tenía AlbumHeader.

ConfirmDialog nuevo sustituye los dos diálogos de borrado (álbum y
playlist), que tenían tipografías distintas. Modal pasa a usar
.glass-panel (en vez de duplicar el style= inline) y z-(--z-modal); su
eyebrow y título usan las recetas text-eyebrow/text-display-3.

SectionHeading gana `count?` (línea "N resultados", sustituye 4 copias
en Explorar) y `href?`/`linkLabel?` ("Ver todas", sustituye la de
Inicio). Aplica recetas de tipografía (text-display-2/3,
text-eyebrow, text-body) y tokens de ancho (max-w-prose-sm, max-w-hero)
en EmptyState, +error, "Sin resultados", hero y stats de Inicio, Queue
y Sidebar. El estado vacío "Todavía no has escuchado nada" (repetido
2 veces en Inicio) pasa a un snippet local.

Verificado con npm run check/build; sin QA visual autenticada (Docker
no disponible en esta sesión).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

This commit is contained in:

Admin

2026-09-21 00:48:23 +02:00

co-authored by

Claude Sonnet 5

parent 5dec00faf1

commit 2cf3e9f02d

24 changed files with 310 additions and 388 deletions

									
										web-player/src/routes/(app)/upload/+page.svelte
									
		+2
		-2
	
												View File
												
				@@ -103,10 +103,10 @@

				<Page>

					<PageHeader

						title="Subir música"

						subtitle="Añade una canción con su portada y título. Nosotros la procesamos para streaming."

						description="Añade una canción con su portada y título. Nosotros la procesamos para streaming."

					/>

					<ol class="mt-7 grid gap-3 sm:mt-8 sm:grid-cols-3 sm:gap-4">

					<ol class="grid gap-3 sm:grid-cols-3 sm:gap-4">

						{#each steps as step, i (step.key)}

							<li>

								<Surface padding="sm" class={stepClass(stepStates[i])}>