danvics/ytptube
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

update settings page.

Browse source
This commit is contained in:
arabcoders 2025-04-02 00:41:54 +03:00
parent eac74d0751
commit d7d461c75a
1 changed files with 16 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
ui/components/Settings.vue
View file

@ -25,7 +25,10 @@
Dark Dark
</label> </label>
</div> </div>
<p class="help">Select the color scheme for the WebUI.</p> <p class="help">
<span class="icon"><i class="fa-solid fa-info" /></span>
<span>Select the color scheme for the WebUI.</span>
</p>
</div> </div>
<div class="field"> <div class="field">
@ -34,7 +37,10 @@
<input id="random_bg" type="checkbox" class="switch is-success" v-model="bg_enable"> <input id="random_bg" type="checkbox" class="switch is-success" v-model="bg_enable">
<label for="random_bg" class="is-unselectable">&nbsp;Enable</label> <label for="random_bg" class="is-unselectable">&nbsp;Enable</label>
</div> </div>
<p class="help">Use random background image from your media backends.</p> <p class="help">
<span class="icon"><i class="fa-solid fa-info" /></span>
<span>Use random background image.</span>
</p>
</div> </div>
<div class="field"> <div class="field">
@ -45,7 +51,10 @@
<input id="random_bg_opacity" style="width: 100%" type="range" v-model="bg_opacity" min="0.50" max="1.00" <input id="random_bg_opacity" style="width: 100%" type="range" v-model="bg_opacity" min="0.50" max="1.00"
step="0.05"> step="0.05">
</div> </div>
<p class="help">How visible the background image should be.</p> <p class="help">
<span class="icon"><i class="fa-solid fa-info" /></span>
<span>How visible the background image should be.</span>
</p>
</div> </div>
<div class="field" v-if="bg_enable"> <div class="field" v-if="bg_enable">
@ -61,7 +70,10 @@
</span> </span>
</button> </button>
</div> </div>
<p class="help">Change the displayed picture.</p> <p class="help">
<span class="icon"><i class="fa-solid fa-info" /></span>
<span>Change the displayed picture.</span>
</p>
</div> </div>
</div> </div>
</div> </div>