style(audio): enhance audio element styling for better presentation

2026-05-21 11:05:49 +00:00 · 2026-04-11 21:30:18 +05:30
parent 437fa67355
commit 34c9e0a8ed
2 changed files with 12 additions and 3 deletions
@@ -230,8 +230,17 @@ mark {
 }

 audio {
-    width: stretch;
-    max-width: 100%;
+    display: block;
+    width: 100%;
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    overflow: hidden;
+    height: 2.5rem;
+    margin-bottom: var(--content-gap);
+}
+
+audio::-webkit-media-controls-enclosure {
+    border-radius: 0;
 }

 video {
@@ -1,2 +1,2 @@
 {{ $src := (.Get "src") }}
-<audio src="{{ $src }}" controls muted></audio>
+<audio src="{{ $src }}" controls muted loading="lazy"></audio>