GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-05 23:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化 TorrentRowListView 组件的样式，调整过滤项显示和内边距

Browse Source
This commit is contained in:
jxxghp
2025-03-31 16:04:13 +08:00
parent 6b4b44aec6
commit 3e36cb6e31
1 changed files with 20 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/torrent/TorrentRowListView.vue
+3 -6
View File
@@ -345,7 +345,7 @@ function toggleFilterMenu(key: string) {
<div class="search-header d-none d-sm-block"> <div class="search-header d-none d-sm-block">
<!-- PC端页面头部和筛选栏 --> <!-- PC端页面头部和筛选栏 -->
<div class="view-header mb-3"> <div class="view-header mb-3">
<div class="d-flex align-center flex-wrap"> <div class="d-flex align-center flex-wrap pa-3">
<VChip color="primary" variant="flat" size="small" class="search-count me-3" prepend-icon="mdi-magnify"> <VChip color="primary" variant="flat" size="small" class="search-count me-3" prepend-icon="mdi-magnify">
{{ dataList.length }} 个资源 {{ dataList.length }} 个资源
</VChip> </VChip>
@@ -430,10 +430,8 @@ function toggleFilterMenu(key: string) {
</VBtn> </VBtn>
</div> </div>
</div> </div>
</div>
<!-- 已选择的过滤项显示 --> <!-- 已选择的过滤项显示 -->
<div v-if="getFilterCount > 0" class="selected-filters mb-3"> <div v-if="getFilterCount > 0" class="selected-filters">
<div class="d-flex flex-wrap align-center"> <div class="d-flex flex-wrap align-center">
<template v-for="(values, key) in getSelectedFilters" :key="key"> <template v-for="(values, key) in getSelectedFilters" :key="key">
<VChip <VChip
@@ -453,6 +451,7 @@ function toggleFilterMenu(key: string) {
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- 移动端头部和筛选区域 --> <!-- 移动端头部和筛选区域 -->
<div class="d-block d-sm-none search-header-mobile"> <div class="d-block d-sm-none search-header-mobile">
@@ -677,9 +676,7 @@ function toggleFilterMenu(key: string) {
.selected-filters { .selected-filters {
background-color: rgba(var(--v-theme-surface-variant), 0.08); background-color: rgba(var(--v-theme-surface-variant), 0.08);
border-radius: 8px;
padding: 8px 12px; padding: 8px 12px;
margin-bottom: 16px;
overflow: hidden; overflow: hidden;
} }