From 482dd8ae7f6ad92252aebd1ef071fca49cab0409 Mon Sep 17 00:00:00 2001
From: eltrac <hi@eltr.ac>
Date: Mon, 23 Mar 2026 19:02:07 +0800
Subject: fix(shortcode/music): album cover shrinks when title is long

---
 layouts/_shortcodes/music.html | 4 ++--
 1 file 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
-- 
cgit v1.2.3