tamius-han/ultrawidify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Updated labels of in-player UI

Browse Source
This commit is contained in:
Tamius Han 2025-01-12 23:25:39 +01:00
parent 23ea9e77c4
commit b2cd8197d4
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/csui/src/PlayerUiPanels/PlayerUiSettings.vue
View File

@ -63,7 +63,7 @@
<div class="field"> <div class="field">
<div class="label"> <div class="label">
Do not show in-player UI when video player is narrower than (% of screen width) Do not show in-player UI when video player is narrower than
</div> </div>
<div class="input range-input"> <div class="input range-input">
<input <input
@ -77,16 +77,18 @@
@change="(event) => saveSettings()" @change="(event) => saveSettings()"
> >
<input <input
style="margin-right: 0.6rem;"
:value="ghettoComputed.minEnabledWidth" :value="ghettoComputed.minEnabledWidth"
@input="(event) => setPlayerRestrictions('minEnabledWidth', event.target.value, true)" @input="(event) => setPlayerRestrictions('minEnabledWidth', event.target.value, true)"
@change="(event) => saveSettings(true)" @change="(event) => saveSettings(true)"
> >
<div class="unit">% of screen</div>
</div> </div>
</div> </div>
<div class="field"> <div class="field">
<div class="label"> <div class="label">
Do not show in-player UI when video player is shorter than (% of screen width) Do not show in-player UI when video player is shorter than
</div> </div>
<div class="input range-input"> <div class="input range-input">
<input <input
@ -100,10 +102,12 @@
@change="(event) => saveSettings()" @change="(event) => saveSettings()"
> >
<input <input
style="margin-right: 0.6rem;"
:value="ghettoComputed.minEnabledHeight" :value="ghettoComputed.minEnabledHeight"
@input="(event) => setPlayerRestrictions('minEnabledHeight', event.target.value, true)" @input="(event) => setPlayerRestrictions('minEnabledHeight', event.target.value, true)"
@change="(event) => saveSettings(true)" @change="(event) => saveSettings(true)"
> >
<div class="unit">% of screen</div>
</div> </div>
</div> </div>
</div> </div>
@ -242,8 +246,6 @@ export default {
max-width: 24rem; max-width: 24rem;
} }
.trigger-zone-editor { .trigger-zone-editor {
background-color: rgba(0,0,0,0.25); background-color: rgba(0,0,0,0.25);