fix: adjust the style

opensource-f2f · Mar 16, 2024 · e3f4bf8 · e3f4bf8
1 parent b5ab760
commit e3f4bf8
Showing 1 changed file with 19 additions and 15 deletions.
diff --git 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>