From e3f4bf8d5837f2c4fe62cd2660b5101f2fc4d322 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E4=BD=B3=E9=91=AB?= <1778368831@qq.com>
Date: Sat, 16 Mar 2024 17:21:51 +0800
Subject: [PATCH] fix: adjust the style

---
 src/views/contributor.vue | 34 +++++++++++++++++++---------------
 1 file changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/views/contributor.vue b/src/views/contributor.vue
index 5170f34..581ee0e 100644
--- a/src/views/contributor.vue
+++ b/src/views/contributor.vue
@@ -67,21 +67,25 @@ if (contributor.value)
         <component :is="contributor.default" />
       </div>
 
-      <!-- audios -->
-      <span v-if="contributor.audios" mt5>
-        Podcast List:
-        <li v-for="audio in contributor.audios" :key="audio.title">
-          <a :href="`${audio.link}`" target="_blank">{{ audio.title }}</a>
-        </li>
-      </span>
-
-      <!-- videos -->
-      <span v-if="contributor.videos" mt5>
-        Video List:
-        <li v-for="video in contributor.videos" :key="video.title">
-          <a :href="`${video.link}`" target="_blank">{{ video.title }}</a>
-        </li>
-      </span>
+      <!-- history -->
+      <div mt5>
+        <div v-if="contributor.audios">
+          Podcast List:
+          <li v-for="audio in contributor.audios" :key="audio.title">
+            <a :href="`${audio.link}`" target="_blank" break-all>{{
+              audio.title
+            }}</a>
+          </li>
+        </div>
+        <div v-if="contributor.videos" mt2>
+          Video List:
+          <li v-for="video in contributor.videos" :key="video.title">
+            <a :href="`${video.link}`" target="_blank" break-all>{{
+              video.title
+            }}</a>
+          </li>
+        </div>
+      </div>
     </div>
   </div>
 </template>