From 96a0ce8c5f4a5bbc730b4761584fcf38c01b45e7 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Fri, 11 Apr 2025 08:36:24 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=B8=BA=E6=8E=92=E5=BA=8F=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E5=99=A8=E6=B7=BB=E5=8A=A0=20variant=20=E5=B1=9E?=
 =?UTF-8?q?=E6=80=A7=EF=BC=8C=E7=AE=80=E5=8C=96=E6=A0=B7=E5=BC=8F=E5=B9=B6?=
 =?UTF-8?q?=E7=A7=BB=E9=99=A4=E5=A4=9A=E4=BD=99=20CSS?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/torrent/TorrentCardListView.vue | 23 ++---------------------
 src/views/torrent/TorrentRowListView.vue  | 20 +++++---------------
 2 files changed, 7 insertions(+), 36 deletions(-)

diff --git a/src/views/torrent/TorrentCardListView.vue b/src/views/torrent/TorrentCardListView.vue
index d8c5fbd9..a9650227 100644
--- a/src/views/torrent/TorrentCardListView.vue
+++ b/src/views/torrent/TorrentCardListView.vue
@@ -405,6 +405,7 @@ function loadMore({ done }: { done: any }) {
             hide-details
             class="sort-select"
             prepend-icon="mdi-sort"
+            variant="plain"
           ></VSelect>
         </div>
 
@@ -523,6 +524,7 @@ function loadMore({ done }: { done: any }) {
             hide-details
             class="mobile-sort-select"
             prepend-icon="mdi-sort"
+            variant="plain"
           ></VSelect>
         </div>
 
@@ -644,18 +646,6 @@ function loadMore({ done }: { done: any }) {
   transform: translateY(-2px);
 }
 
-.sort-select {
-  font-size: 0.9rem;
-  font-weight: 500;
-  max-inline-size: 160px;
-  min-inline-size: 120px;
-}
-
-.sort-select :deep(.v-field__input) {
-  min-block-size: 36px;
-  padding-block: 5px;
-}
-
 .selected-filters {
   overflow: hidden;
   border-radius: 0 0 12px 12px;
@@ -710,11 +700,6 @@ function loadMore({ done }: { done: any }) {
 }
 
 @media (width <= 600px) {
-  .sort-select {
-    max-inline-size: 120px;
-    min-inline-size: 100px;
-  }
-
   .filter-btn {
     font-size: 0.75rem;
   }
@@ -726,10 +711,6 @@ function loadMore({ done }: { done: any }) {
     padding-inline-end: 0;
   }
 
-  .sort-select {
-    inline-size: 100%;
-  }
-
   .filter-bar {
     inline-size: 100%;
     margin-block-start: 8px;
diff --git a/src/views/torrent/TorrentRowListView.vue b/src/views/torrent/TorrentRowListView.vue
index 2b207da5..c9f31bd4 100644
--- a/src/views/torrent/TorrentRowListView.vue
+++ b/src/views/torrent/TorrentRowListView.vue
@@ -380,6 +380,7 @@ onMounted(() => {
               hide-details
               class="sort-select"
               prepend-icon="mdi-sort"
+              variant="plain"
             >
             </VSelect>
             <div class="filter-divider"></div>
@@ -496,6 +497,7 @@ onMounted(() => {
               hide-details
               class="mobile-sort-select"
               prepend-icon="mdi-sort"
+              variant="plain"
             ></VSelect>
           </div>
 
@@ -649,12 +651,6 @@ onMounted(() => {
   transform: translateY(-2px);
 }
 
-.sort-select {
-  font-size: 0.875rem;
-  max-inline-size: 120px;
-  min-inline-size: 100px;
-}
-
 .filter-menu-content {
   max-block-size: 50vh;
   overflow-y: auto;
@@ -722,11 +718,6 @@ onMounted(() => {
   min-block-size: 300px;
 }
 
-.mobile-sort-select {
-  max-inline-size: 130px;
-  min-inline-size: 110px;
-}
-
 .filter-buttons-grid {
   display: grid;
   gap: 4px;
@@ -757,9 +748,8 @@ onMounted(() => {
   text-align: center;
 }
 
-@media (width <= 600px) {
-  .sort-select {
-    min-inline-size: 100px;
-  }
+.mobile-sort-select {
+  max-inline-size: 130px;
+  min-inline-size: 110px;
 }
 </style>