From a50b62138880cf5254e70392a99fdc2c6c1b3984 Mon Sep 17 00:00:00 2001
From: Yufan Sheng <syhily@gmail.com>
Date: Mon, 8 Jul 2024 00:36:41 +0800
Subject: [PATCH] fix: better width for the aplayer in mobile.

---
 src/assets/styles/globals.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/assets/styles/globals.css b/src/assets/styles/globals.css
index 8bcb242..d59e5f3 100644
--- a/src/assets/styles/globals.css
+++ b/src/assets/styles/globals.css
@@ -3230,3 +3230,10 @@ blockquote p:last-child {
   max-width: 350px;
   margin: 0 0 1.25rem;
 }
+
+@media (max-width: 767.98px) {
+  .aplayer {
+    max-width: 100%;
+    margin: 0 2rem 1.25rem;
+  }
+}