feat(settings): add adjustable card overlay blur setting (#973)

This commit is contained in:
Will Miao
2026-06-13 09:43:49 +08:00
parent bef222c77d
commit ac51f6a2f6
15 changed files with 148 additions and 12 deletions

View File

@@ -448,6 +448,7 @@
</div>
</div>
</div>
</div>
<!-- Video Settings -->
@@ -556,6 +557,23 @@
</div>
</div>
<div class="setting-item">
<div class="setting-row">
<div class="setting-info">
<label for="cardBlurAmount">
{{ t('settings.layoutSettings.cardBlurAmount') }}
<i class="fas fa-info-circle info-icon" data-tooltip="{{ t('settings.layoutSettings.cardBlurAmountHelp') }}"></i>
</label>
</div>
<div class="setting-control range-control">
<input type="range" id="cardBlurAmount" min="0" max="20" value="8" step="1"
oninput="document.getElementById('cardBlurAmountValue').textContent = this.value + 'px'"
onchange="settingsManager.saveRangeSetting('cardBlurAmount', 'cardBlurAmountValue', 'card_blur_amount')">
<span id="cardBlurAmountValue" class="range-value">8px</span>
</div>
</div>
</div>
<div class="setting-item">
<div class="setting-row">
<div class="setting-info">