fix apple player

2025-03-17 17:17:17 +00:00 · 2025-03-17 17:17:17 +00:00 · 395dfab938
commit 395dfab938
parent 8b99d538fc
1 changed files with 9 additions and 1 deletions
--- a/static/styles.css
+++ b/static/styles.css
@ -129,9 +129,17 @@ footer {
 }
 footer audio {
  width: 75%;
-  scale: 1.3;
+  transform: scale(1.3); /* Default for other devices */
  padding: 10px 0;
 }
+
+/* Target Safari specifically */
+@supports (-webkit-touch-callout: none) {
+  footer audio {
+    width: 60%;
+    transform: scale(1.6); /* Different scale for Apple devices */
+  }
+}
 .audio-player-container {
  background-color: #fff;
  border-radius: 8px;