Design Prot Merge #1
@@ -11,7 +11,7 @@
|
|||||||
|
|
||||||
let {
|
let {
|
||||||
as = 'div',
|
as = 'div',
|
||||||
min = '180px',
|
min = '200px',
|
||||||
minMobile = '150px',
|
minMobile = '150px',
|
||||||
class: klass = '',
|
class: klass = '',
|
||||||
children
|
children
|
||||||
|
|||||||
@@ -186,8 +186,8 @@
|
|||||||
|
|
||||||
{#if recentlyPlayed.length > 0}
|
{#if recentlyPlayed.length > 0}
|
||||||
<section class="page-x pt-5 pb-3 sm:pt-6">
|
<section class="page-x pt-5 pb-3 sm:pt-6">
|
||||||
<SectionHeading title="Escuchado recientemente" />
|
<SectionHeading title="Volver a escuchar" />
|
||||||
<MediaGrid min="300px" minMobile="220px">
|
<MediaGrid min="280px" minMobile="220px">
|
||||||
{#each recentlyPlayed as track, i (track.id)}
|
{#each recentlyPlayed as track, i (track.id)}
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
@@ -232,7 +232,7 @@
|
|||||||
{#if mixes.length > 0}
|
{#if mixes.length > 0}
|
||||||
<div class="min-w-0">
|
<div class="min-w-0">
|
||||||
<SectionHeading title="Hechas para ti" />
|
<SectionHeading title="Hechas para ti" />
|
||||||
<MediaGrid min="140px" minMobile="130px">
|
<MediaGrid min="150px" minMobile="130px">
|
||||||
{#each mixes as mix, i (mix.id)}
|
{#each mixes as mix, i (mix.id)}
|
||||||
<MixCard {mix} index={i} />
|
<MixCard {mix} index={i} />
|
||||||
{/each}
|
{/each}
|
||||||
@@ -251,7 +251,7 @@
|
|||||||
{/if}
|
{/if}
|
||||||
{/snippet}
|
{/snippet}
|
||||||
</SectionHeading>
|
</SectionHeading>
|
||||||
<MediaGrid min="140px" minMobile="130px">
|
<MediaGrid min="150px" minMobile="130px">
|
||||||
{#each playlists as playlist, i (playlist.id)}
|
{#each playlists as playlist, i (playlist.id)}
|
||||||
<PlaylistCard
|
<PlaylistCard
|
||||||
id={playlist.id}
|
id={playlist.id}
|
||||||
|
|||||||
Reference in New Issue
Block a user