diff options
| author | eltrac <hi@eltr.ac> | 2026-03-23 19:02:07 +0800 |
|---|---|---|
| committer | eltrac <hi@eltr.ac> | 2026-03-23 19:02:07 +0800 |
| commit | 768a8f71ef053ca00ba1a934f9bad01060408298 (patch) | |
| tree | 7e511c449cc91ea75f6ce43519c4fd8b3a25fde3 | |
| parent | b3fc70e3f48cd5ae0a4eb0f3233780514b0a6652 (diff) | |
fix(shortcode/music): album cover shrinks when title is long
| -rw-r--r-- | layouts/_shortcodes/music.html | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/layouts/_shortcodes/music.html b/layouts/_shortcodes/music.html index e5cce9c8..c4e260d7 100644 --- a/layouts/_shortcodes/music.html +++ b/layouts/_shortcodes/music.html @@ -9,7 +9,7 @@ <div class="flex flex-col md:flex-row md:justify-between md:items-center gap-2"> <!-- Cover, title, artist --> <div class="flex gap-5 items-center"> - <div class="relative"> + <div class="relative flex-shrink-0"> <img class="w-15 h-15 rd-lg shadow-lg m-0!" alt="{{ $title }} music cover" src="{{ $cover }}" loading="lazy" /> @@ -18,7 +18,7 @@ {{ end }} </div> <div> - <h4 class="m-0 text-size-base flex items-center gap-2"> + <h4 class="m-0 text-size-base flex items-center gap-2 leading-tight"> <span>{{ $title }}</span> {{ if $isAlbum }} <span class="font-mono bg-neutral-400 dark:bg-neutral-700 text-white |