GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-05-28 03:39:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化 Footer 组件中的动态按钮样式，调整按钮属性设置，更新图标颜色以提升视觉效果和用户体验。

Browse Source
This commit is contained in:
jxxghp
2025-04-20 18:19:10 +08:00
parent ef2df85faf
commit 8ce09ecf79
5 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/dialog/ProgressDialog.vue
View File

@@ -7,7 +7,7 @@ const props = defineProps({
<template>
<!-- 手动整理进度框 -->
<VDialog :scrim="false" width="25rem">
<VCard color="primary" rounded="md">
<VCard elevation="3" color="primary">
<VCardText class="text-center">
{{ props.text }}
<VProgressLinear color="white" class="mb-0 mt-1" :model-value="props.value" indeterminate />

1
src/styles/styles.scss
View File

@@ -404,6 +404,7 @@ html.v-overlay-scroll-blocked {
html[data-theme="transparent"] {
.v-overlay__content {
backdrop-filter: blur(10px) !important;
border-radius: 12px !important;
.v-list {
backdrop-filter: blur(10px);

4
src/views/plugin/PluginCardListView.vue
View File

@@ -353,7 +353,7 @@ async function refreshData() {
}
// 对uninstalledList进行排序到sortedUninstalledList
watch([marketList, filterForm], () => {
watch([marketList, filterForm, activeSort], () => {
// 匹配过滤函数
const match = (filter: Array<string>, value: string | undefined) =>
filter.length === 0 || (value && filter.includes(value))
@@ -577,7 +577,7 @@ useDynamicButton({
clearable
/>
</VCol>
<VCol v-if="repoFilterOptions.length > 0" cols="12" md="6">
<VCol v-if="sortOptions.length > 0" cols="12" md="6">
<VSelect v-model="activeSort" :items="sortOptions" density="comfortable" label="排序" />
</VCol>
</VRow>

6
src/views/torrent/TorrentCardListView.vue
View File

@@ -523,10 +523,10 @@ function loadMore({ done }: { done: any }) {
</div>
</VCard>
<!-- 筛选菜单 -->
<!-- 筛选弹窗 -->
<VDialog v-model="filterMenuOpen" max-width="25rem" max-height="80%" location="center">
<VCard>
<VCardTitle class="py-2 d-flex align-center">
<VCardTitle class="py-3 d-flex align-center">
<VIcon :icon="getFilterIcon(currentFilter)" class="me-2"></VIcon>
<span>{{ currentFilterTitle }}</span>
<VSpacer />
@@ -701,7 +701,7 @@ function loadMore({ done }: { done: any }) {
justify-content: center;
border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
border-radius: 8px;
background-color: rgba(var(--v-theme-surface), 1);
background-color: rgba(var(--v-theme-surface), 0.5);
block-size: auto;
min-block-size: 48px;
padding-block: 4px;

8
src/views/torrent/TorrentRowListView.vue
View File

@@ -294,7 +294,7 @@ function getFilterIcon(key: string) {
// 全选某个过滤项
function selectAll(key: string) {
if (key === 'season') {
filterForm[key] = [...sortSeasonFilterOptions.value]
filterForm[key] = [...filterOptions[key]]
} else {
filterForm[key] = [...filterOptions[key]]
}
@@ -502,10 +502,10 @@ onMounted(() => {
</div>
</VCard>
<!-- 筛选菜单 -->
<!-- 筛选弹窗 -->
<VDialog v-model="filterMenuOpen" max-width="25rem" max-height="80%" location="center">
<VCard>
<VCardTitle class="py-2 d-flex align-center">
<VCardTitle class="py-3 d-flex align-center">
<VIcon :icon="getFilterIcon(currentFilter)" class="me-2"></VIcon>
<span>{{ currentFilterTitle }}</span>
<VSpacer />
@@ -702,7 +702,7 @@ onMounted(() => {
justify-content: center;
border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
border-radius: 8px;
background-color: rgba(var(--v-theme-surface), 1);
background-color: rgba(var(--v-theme-surface), 0.5);
block-size: auto;
min-block-size: 48px;
padding-block: 4px;