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" > @@ -523,6 +524,7 @@ function loadMore({ done }: { done: any }) { hide-details class="mobile-sort-select" prepend-icon="mdi-sort" + variant="plain" > @@ -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" >
@@ -496,6 +497,7 @@ onMounted(() => { hide-details class="mobile-sort-select" prepend-icon="mdi-sort" + variant="plain" > @@ -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; }