fix ui

src/components/cards/TorrentItem.vue

@@ -130,13 +130,12 @@ onMounted(() => {
       <VAvatar
         class="rounded"
         variant="flat"
-        rounded="0"
         @click.stop="openTorrentDetail"
       >
         <VImg :src="siteIcon" />
       </VAvatar>
     </template>
-    <VListItemTitle>
+    <VListItemTitle class="break-words overflow-visible whitespace-break-spaces">
       {{ torrent?.title }}
       <span class="text-green-700 ms-2 text-sm">↑{{ torrent?.seeders }}</span>
       <span class="text-orange-700 ms-2 text-sm">↓{{ torrent?.peers }}</span>

src/views/discover/TorrentRowListView.vue

@@ -101,7 +101,10 @@ onMounted(() => {
 <template>
   <VRow>
     <VCol>
-      <VList lines="three">
+      <VList
+        lines="three"
+        class="rounded"
+      >
         <TorrentItem
           v-for="(item, index) in dataList"
           :key="index"
@@ -115,9 +118,9 @@ onMounted(() => {
     <VCol
       xl="2"
       md="3"
-      class="d-none d-md-block h-100"
+      class="d-none d-md-block"
     >
-      <VList lines="one" class="sticky top-5">
+      <VList lines="one" class="rounded">
         <VListSubheader v-if="siteFilterOptions.length > 0">
           站点
         </VListSubheader>