audio indicator

SerenityUX · Jul 29, 2024 · d599608 · d599608
1 parent 2a868e1
commit d599608
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -28,7 +28,7 @@
 <body style="display: flex; justify-content: center;">
     <audio id="audio-player" src="https://cloud-avau7erv7-hack-club-bot.vercel.app/0riptide-8bit_audio.mp4"></audio>
 
-    <div id="audio-indicator" style="position: fixed; font-size: 12px; left: 16px; bottom: 16px; color: #021995; border: 1px solid #021995; background-color: #FFFDE8; display: flex; padding: 12px 8px;">
+    <div class="audio-indicator" id="audio-indicator" style="position: fixed; font-size: 12px; left: 16px; bottom: 16px; color: #021995; border: 1px solid #021995; background-color: #FFFDE8; display: flex; padding: 12px 8px;">
         <p style="margin: 0px"><span style="background-color: #021995; color: #FFFDE8; padding: 4px 6px;">Space</span> for jam</p>
     </div>
     <div style="max-width: 720px;">

diff --git a/styles.css b/styles.css
@@ -182,3 +182,8 @@ button {
         display: none
     }
 }
+@media (max-width: 768px) {
+    .audio-indicator {
+        display: none;
+    }
+}