mirror of
https://github.com/adityatelange/hugo-PaperMod.git
synced 2026-05-21 11:05:49 +00:00
style(audio): enhance audio element styling for better presentation
This commit is contained in:
@@ -230,8 +230,17 @@ mark {
|
|||||||
}
|
}
|
||||||
|
|
||||||
audio {
|
audio {
|
||||||
width: stretch;
|
display: block;
|
||||||
max-width: 100%;
|
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 {
|
video {
|
||||||
|
|||||||
@@ -1,2 +1,2 @@
|
|||||||
{{ $src := (.Get "src") }}
|
{{ $src := (.Get "src") }}
|
||||||
<audio src="{{ $src }}" controls muted></audio>
|
<audio src="{{ $src }}" controls muted loading="lazy"></audio>
|
||||||
|
|||||||
Reference in New Issue
Block a user