From 6b4b44aec6704b0bad4b1b0b138807b12984d71d Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Mon, 31 Mar 2025 15:31:52 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=20TorrentCard=20=E5=92=8C=20?=
 =?UTF-8?q?TorrentItem=20=E7=BB=84=E4=BB=B6=E7=9A=84=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=EF=BC=8C=E8=B0=83=E6=95=B4=E5=AA=92=E4=BD=93=E6=A0=87=E9=A2=98?=
 =?UTF-8?q?=E5=92=8C=E7=AB=99=E7=82=B9=E5=90=8D=E7=A7=B0=E7=9A=84=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/cards/TorrentCard.vue     |  4 +---
 src/components/cards/TorrentItem.vue     | 15 ++++++++-------
 src/views/torrent/TorrentRowListView.vue |  1 -
 3 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/components/cards/TorrentCard.vue b/src/components/cards/TorrentCard.vue
index bb862918..f2def991 100644
--- a/src/components/cards/TorrentCard.vue
+++ b/src/components/cards/TorrentCard.vue
@@ -122,7 +122,7 @@ onMounted(() => {
 
       <!-- 媒体标题 -->
       <div class="card-header">
-        <div class="media-title-wrapper">
+        <div class="media-title-wrapper flex flex-row flex-wrap justify-start">
           <h3 class="media-title me-2">
             {{ media?.title ?? meta?.name }}
           </h3>
@@ -340,8 +340,6 @@ onMounted(() => {
 
 .media-title-wrapper {
   margin-bottom: 8px;
-  display: flex;
-  flex-wrap: wrap;
   padding-right: 2rem;
 }
 
diff --git a/src/components/cards/TorrentItem.vue b/src/components/cards/TorrentItem.vue
index 91183fe2..83b36e45 100644
--- a/src/components/cards/TorrentItem.vue
+++ b/src/components/cards/TorrentItem.vue
@@ -106,7 +106,7 @@ onMounted(() => {
         <div class="site-wrapper">
           <img :alt="torrent?.site_name" v-if="siteIcon" :src="siteIcon" class="site-icon" />
           <span v-else class="site-fallback">{{ torrent?.site_name?.substring(0, 1) }}</span>
-          <div class="site-name">{{ torrent?.site_name }}</div>
+          <div class="site-name d-none d-sm-block">{{ torrent?.site_name }}</div>
           <span
             v-if="torrent?.downloadvolumefactor !== 1 || torrent?.uploadvolumefactor !== 1"
             class="free-tag"
@@ -119,8 +119,8 @@ onMounted(() => {
 
       <VListItemTitle class="item-content">
         <div class="item-header">
-          <div class="media-info">
-            <span class="media-title">{{ media?.title ?? meta?.name }}</span>
+          <div class="media-info flex flex-row flex-wrap justify-start">
+            <span class="media-title me-2">{{ media?.title ?? meta?.name }}</span>
             <span v-if="meta?.season_episode" class="season-tag">{{ meta?.season_episode }}</span>
           </div>
         </div>
@@ -295,10 +295,7 @@ onMounted(() => {
 }
 
 .media-info {
-  display: flex;
   align-items: center;
-  flex-wrap: wrap;
-  gap: 8px;
 }
 
 .media-title {
@@ -447,7 +444,7 @@ onMounted(() => {
   }
 
   .site-wrapper {
-    min-width: 60px;
+    min-width: 24px;
     flex-wrap: wrap;
     margin-right: 10px;
   }
@@ -457,6 +454,10 @@ onMounted(() => {
     margin-right: 4px;
   }
 
+  .size-badge {
+    font-size: 0.7rem;
+  }
+
   .resource-tag {
     font-size: 0.75rem;
     padding: 2px 6px;
diff --git a/src/views/torrent/TorrentRowListView.vue b/src/views/torrent/TorrentRowListView.vue
index 7c8a5a44..07ce7d65 100644
--- a/src/views/torrent/TorrentRowListView.vue
+++ b/src/views/torrent/TorrentRowListView.vue
@@ -595,7 +595,6 @@ function toggleFilterMenu(key: string) {
 }
 
 .view-header {
-  padding: 12px 16px;
   background-color: rgb(var(--v-theme-surface));
   border-radius: 12px;
   border: 1px solid rgba(var(--v-theme-on-surface), 0.08);