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

refactor: invert background poster opacity logic to represent transparency percentage

Browse Source
This commit is contained in:
jxxghp
2026-05-13 22:53:15 +08:00
parent 9965428bae
commit e2d36da299
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.vue
+1 -1
View File
@@ -59,7 +59,7 @@ function getStoredNumber(key: string, fallback: number, min: number, max: number
function applyTransparentBackgroundSettings() { function applyTransparentBackgroundSettings() {
document.documentElement.style.setProperty( document.documentElement.style.setProperty(
'--transparent-background-poster-opacity', '--transparent-background-poster-opacity',
getStoredNumber('transparency-background-poster-opacity', 1, 0, 1).toString(), (1 - getStoredNumber('transparency-background-poster-opacity', 0, 0, 1)).toString(),
) )
document.documentElement.style.setProperty( document.documentElement.style.setProperty(
'--transparent-background-blur', '--transparent-background-blur',
src/layouts/components/UserProfile.vue
+3 -3
View File
@@ -58,7 +58,7 @@ const customCSS = ref('')
// 透明度相关 // 透明度相关
const transparencyOpacity = ref(parseFloat(localStorage.getItem('transparency-opacity') || '0.3')) const transparencyOpacity = ref(parseFloat(localStorage.getItem('transparency-opacity') || '0.3'))
const transparencyBlur = ref(parseFloat(localStorage.getItem('transparency-blur') || '10')) const transparencyBlur = ref(parseFloat(localStorage.getItem('transparency-blur') || '10'))
const backgroundPosterOpacity = ref(parseFloat(localStorage.getItem('transparency-background-poster-opacity') || '1')) const backgroundPosterOpacity = ref(parseFloat(localStorage.getItem('transparency-background-poster-opacity') || '0'))
const backgroundBlur = ref(parseFloat(localStorage.getItem('transparency-background-blur') || '16')) const backgroundBlur = ref(parseFloat(localStorage.getItem('transparency-background-blur') || '16'))
const transparencyLevel = ref(localStorage.getItem('transparency-level') || 'medium') const transparencyLevel = ref(localStorage.getItem('transparency-level') || 'medium')
const isTransparentTheme = computed(() => currentThemeName.value === 'transparent') const isTransparentTheme = computed(() => currentThemeName.value === 'transparent')
@@ -401,7 +401,7 @@ function applyTransparencySettings() {
root.style.setProperty('--transparent-blur', `${transparencyBlur.value}px`) root.style.setProperty('--transparent-blur', `${transparencyBlur.value}px`)
root.style.setProperty('--transparent-blur-light', `${transparencyBlur.value * 0.6}px`) root.style.setProperty('--transparent-blur-light', `${transparencyBlur.value * 0.6}px`)
root.style.setProperty('--transparent-blur-heavy', `${transparencyBlur.value * 1.6}px`) root.style.setProperty('--transparent-blur-heavy', `${transparencyBlur.value * 1.6}px`)
root.style.setProperty('--transparent-background-poster-opacity', backgroundPosterOpacity.value.toString()) root.style.setProperty('--transparent-background-poster-opacity', (1 - backgroundPosterOpacity.value).toString())
root.style.setProperty('--transparent-background-blur', `${backgroundBlur.value}px`) root.style.setProperty('--transparent-background-blur', `${backgroundBlur.value}px`)
// 保存到本地存储 // 保存到本地存储
@@ -463,7 +463,7 @@ function onBackgroundBlurChange() {
function resetTransparencySettings() { function resetTransparencySettings() {
transparencyOpacity.value = 0.3 transparencyOpacity.value = 0.3
transparencyBlur.value = 10 transparencyBlur.value = 10
backgroundPosterOpacity.value = 1 backgroundPosterOpacity.value = 0
backgroundBlur.value = 16 backgroundBlur.value = 16
transparencyLevel.value = 'medium' transparencyLevel.value = 'medium'
applyTransparencySettings() applyTransparencySettings()