GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-06-08 01:00:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

修复搜索结果卡片视图筛选可视性，优化季集显示位置，重构nodatafound情形ui，重构文件管理器ui并增加文件树功能，优化侧边栏高度规避竖向滑动条

Browse Source
This commit is contained in:
madrays
2025-03-30 17:25:34 +08:00
parent 59b5e4a330
commit c4f54dcddc
14 changed files with 1627 additions and 343 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/cards/TorrentCard.vue
View File

@@ -126,7 +126,6 @@ onMounted(() => {
<div class="media-title-wrapper">
<h3 class="media-title">
{{ media?.title ?? meta?.name }}
<span v-if="meta?.season_episode" class="season-tag">{{ meta?.season_episode }}</span>
</h3>
</div>
@@ -136,6 +135,7 @@ onMounted(() => {
<img v-if="siteIcons[torrent?.site || 0]" :src="siteIcons[torrent?.site || 0]" class="site-icon" />
<span v-else class="site-fallback">{{ torrent?.site_name?.substring(0, 1) }}</span>
<span class="site-name">{{ torrent?.site_name }}</span>
<span v-if="meta?.season_episode" class="season-tag">{{ meta?.season_episode }}</span>
</div>
<div class="seeder-peers">
@@ -232,6 +232,7 @@ onMounted(() => {
/>
<span v-else class="source-site-fallback">{{ item.torrent_info?.site_name?.substring(0, 1) }}</span>
<span class="source-site-name">{{ item.torrent_info.site_name }}</span>
<span v-if="item.meta_info?.season_episode" class="season-tag source-season-tag">{{ item.meta_info.season_episode }}</span>
<span
v-if="item.torrent_info?.downloadvolumefactor !== 1 || item.torrent_info?.uploadvolumefactor !== 1"
@@ -349,12 +350,16 @@ onMounted(() => {
.season-tag {
font-size: 0.875rem;
background-color: rgba(var(--v-theme-primary), 0.08);
color: rgb(var(--v-theme-primary));
padding: 2px 8px;
background-color: #5c6bc0;
color: white;
padding: 2px 6px;
border-radius: 4px;
margin-left: 8px;
font-weight: 600;
display: inline-flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.site-info {
@@ -362,6 +367,7 @@ onMounted(() => {
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
flex-wrap: wrap;
}
.site-icon {
@@ -562,6 +568,13 @@ onMounted(() => {
font-weight: 600;
}
.source-season-tag {
font-size: 0.75rem;
padding: 1px 4px;
margin-left: 4px;
background-color: #5c6bc0;
}
.source-discount {
font-weight: 700;
font-size: 0.8rem;

80
src/components/cards/TorrentItem.vue
View File

@@ -154,6 +154,7 @@ onMounted(() => {
<img 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>
<span v-if="meta?.season_episode" class="season-tag">{{ meta?.season_episode }}</span>
<span
v-if="torrent?.downloadvolumefactor !== 1 || torrent?.uploadvolumefactor !== 1"
class="free-tag"
@@ -167,7 +168,6 @@ onMounted(() => {
<div class="item-header">
<div class="media-info">
<span class="media-title">{{ media?.title ?? meta?.name }}</span>
<span v-if="meta?.season_episode" class="season-tag">{{ meta?.season_episode }}</span>
</div>
</div>
@@ -255,44 +255,52 @@ onMounted(() => {
}
.site-wrapper {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
width: 50px;
margin-right: 16px;
min-width: 140px;
flex-wrap: wrap;
}
.site-icon {
width: 32px;
height: 32px;
border-radius: 2px;
margin-bottom: 4px;
width: 24px;
height: 24px;
border-radius: 4px;
margin-right: 8px;
}
.site-fallback {
width: 32px;
height: 32px;
display: inline-flex;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1rem;
border-radius: 4px;
background-color: rgba(var(--v-theme-primary), 0.1);
color: rgb(var(--v-theme-primary));
font-weight: 700;
color: rgba(var(--v-theme-on-surface), 0.8);
background-color: rgba(var(--v-theme-on-surface), 0.1);
border-radius: 2px;
margin-bottom: 4px;
margin-right: 8px;
font-size: 0.8rem;
}
.site-name {
font-size: 0.8rem;
margin-right: 8px;
font-weight: 600;
color: rgba(var(--v-theme-on-surface), 0.85);
text-align: center;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: rgba(var(--v-theme-on-surface), 0.8);
font-size: 0.9rem;
}
.season-tag {
font-size: 0.875rem;
background-color: #5c6bc0;
color: white;
padding: 2px 6px;
border-radius: 4px;
margin-right: 8px;
font-weight: 600;
display: inline-flex;
align-items: center;
justify-content: center;
z-index: 2;
}
.free-tag {
@@ -347,16 +355,6 @@ onMounted(() => {
color: rgba(var(--v-theme-on-surface), 0.87);
}
.season-tag {
font-size: 0.9rem;
background-color: rgba(var(--v-theme-primary), 0.08);
color: rgb(var(--v-theme-primary));
padding: 2px 8px;
border-radius: 4px;
margin-left: 4px;
font-weight: 600;
}
.item-actions {
display: flex;
flex-direction: column;
@@ -501,10 +499,22 @@ onMounted(() => {
}
.site-wrapper {
width: 40px;
min-width: 100px;
flex-wrap: wrap;
margin-right: 10px;
}
.site-name {
font-size: 0.8rem;
margin-right: 4px;
}
.season-tag {
font-size: 0.75rem;
padding: 1px 4px;
margin-right: 4px;
}
.resource-tag {
font-size: 0.75rem;
padding: 2px 6px;