From 83ebca671959fe6734358835e3eb1f1d9ae5bbe8 Mon Sep 17 00:00:00 2001
From: ApplePine <djl@applepine.cn>
Date: Sat, 21 Jun 2025 12:10:19 +0800
Subject: [PATCH] =?UTF-8?q?refactor(style):=20=E4=BF=AE=E6=94=B9=E5=89=A7?=
 =?UTF-8?q?=E9=9B=86=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/VideoPlayer.vue | 12 +++++-------
 src/views/VideoSearch.vue | 13 ++++++++++++-
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/views/VideoPlayer.vue b/src/views/VideoPlayer.vue
index 5c00b15..333f8bf 100644
--- a/src/views/VideoPlayer.vue
+++ b/src/views/VideoPlayer.vue
@@ -411,16 +411,14 @@ const goBack = () => {
 }
 
 .episodes-grid {
-	display: flex;
-	flex-wrap: wrap;
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
 	gap: 6px;
 }
 
 .episodes-grid :deep(.el-button) {
-	flex: 0 0 48px;
-	width: 48px;
-	height: 32px;
-	padding: 0;
-	margin: 0;
+	width: 50px;
+	height: 28px;
+	margin-left: 2px;
 }
 </style>
diff --git a/src/views/VideoSearch.vue b/src/views/VideoSearch.vue
index 733128b..e32e64d 100644
--- a/src/views/VideoSearch.vue
+++ b/src/views/VideoSearch.vue
@@ -510,7 +510,13 @@ onUnmounted(() => {
 .episodes-grid {
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
-	gap: 8px;
+	gap: 6px;
+}
+
+.episodes-grid :deep(.el-button) {
+	width: 100%;
+	height: 28px;
+	margin-left: 6px;
 }
 
 .all-episodes {
@@ -519,6 +525,11 @@ onUnmounted(() => {
 	gap: 10px;
 }
 
+.all-episodes :deep(.el-button) {
+	width: 100%;
+	margin-left: 12px;
+}
+
 .support-card {
 	margin-top: 20px;
 	margin-bottom: 30px;