diff options
| author | eltrac <hi@eltr.ac> | 2026-03-23 19:02:07 +0800 |
|---|---|---|
| committer | eltrac <hi@eltr.ac> | 2026-03-23 19:02:29 +0800 |
| commit | 482dd8ae7f6ad92252aebd1ef071fca49cab0409 (patch) | |
| tree | 2541926f48d9860c37b938224010cc293081bddc | |
| parent | 0b3d4be72dd78df89bc5fa93c3c7e3420271abfc (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 |