fixing loading audio spinner on mobile

manuelernestog · manuelernestog · commit 931554212aa7 · 2023-08-18T11:09:02.000-04:00
diff --git a/src/components/audioPlayer.astro b/src/components/audioPlayer.astro
@@ -11,7 +11,7 @@ import AudioMutedIcon from "./icons/audioMutedIcon.astro";
   class="w-full z-20 bottom-0 fixed bg-base-100 px-5 h-16 items-center transition-opacity hidden opacity-0 duration-500"
 >
   <audio src="" preload="metadata"></audio>
-  <span id="audio-loading" class="loading loading-spinner loading-md hidden"></span>
+  <span id="audio-loading" class="loading loading-spinner loading-md min-w-[1.5rem] hidden"></span>
   <label id="audio-control" class="swap hidden">
     <input type="checkbox" id="play-icon" />
     <div id="play-icon-svg" class="swap-off">

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@ import AudioMutedIcon from "./icons/audioMutedIcon.astro";`
`11`	`11`	`class="w-full z-20 bottom-0 fixed bg-base-100 px-5 h-16 items-center transition-opacity hidden opacity-0 duration-500"`
`12`	`12`	`>`
`13`	`13`	`<audio src="" preload="metadata"></audio>`
`14`		`- <span id="audio-loading" class="loading loading-spinner loading-md hidden"></span>`
	`14`	`+ <span id="audio-loading" class="loading loading-spinner loading-md min-w-[1.5rem] hidden"></span>`
`15`	`15`	`<label id="audio-control" class="swap hidden">`
`16`	`16`	`<input type="checkbox" id="play-icon" />`
`17`	`17`	`<div id="play-icon-svg" class="swap-off">`