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

fix: hide unsupported glass theme controls

Browse Source
This commit is contained in:
jxxghp
2026-07-22 15:07:09 +08:00
parent 17cdfe6885
commit b66bc353b3
1 changed files with 30 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/theme/ThemeCustomizer.vue
+30 -25
View File
@@ -128,6 +128,9 @@ const layoutOptions = computed<Array<{ icon: string; title: string; value: Theme
const showLayoutSection = computed(() => !appMode.value) const showLayoutSection = computed(() => !appMode.value)
// 玻璃表面依赖固定的高光描边维持轮廓，不提供与材质冲突的通用皮肤切换。
const showSkinSection = computed(() => globalTheme.name.value !== 'glass')
// 玻璃主题使用成套的外阴影与内高光，不提供不完整的 Vuetify elevation 调整。 // 玻璃主题使用成套的外阴影与内高光，不提供不完整的 Vuetify elevation 调整。
const showShadowSection = computed(() => globalTheme.name.value !== 'glass') const showShadowSection = computed(() => globalTheme.name.value !== 'glass')
@@ -275,34 +278,36 @@ async function handleResetSettings() {
</div> </div>
</div> </div>
<VDivider class="mt-7" /> <template v-if="showSkinSection">
<VDivider class="mt-7" />
<h3 class="theme-customizer-section-title">{{ t('theme.customizer.skins') }}</h3> <h3 class="theme-customizer-section-title">{{ t('theme.customizer.skins') }}</h3>
<div class="theme-customizer-preview-grid theme-customizer-preview-grid--skins"> <div class="theme-customizer-preview-grid theme-customizer-preview-grid--skins">
<div <div
v-for="skin in skinOptions" v-for="skin in skinOptions"
:key="skin.value" :key="skin.value"
class="theme-customizer-preview-option" class="theme-customizer-preview-option"
:class="{ 'is-active': settings.skin === skin.value }" :class="{ 'is-active': settings.skin === skin.value }"
@click="setSkin(skin.value)" @click="setSkin(skin.value)"
> >
<span class="theme-customizer-border-scene" :class="`theme-customizer-border-scene--${skin.value}`"> <span class="theme-customizer-border-scene" :class="`theme-customizer-border-scene--${skin.value}`">
<span class="theme-customizer-border-scene__card"> <span class="theme-customizer-border-scene__card">
<i /> <i />
<i /> <i />
</span>
<span class="theme-customizer-border-scene__dialog">
<i />
</span>
<span class="theme-customizer-border-scene__menu">
<i />
<i />
<i />
</span>
</span> </span>
<span class="theme-customizer-border-scene__dialog"> <span>{{ skin.title }}</span>
<i /> </div>
</span>
<span class="theme-customizer-border-scene__menu">
<i />
<i />
<i />
</span>
</span>
<span>{{ skin.title }}</span>
</div> </div>
</div> </template>
<VDivider class="mt-7" /> <VDivider class="mt-7" />