Updated labels of in-player UI

This commit is contained in:
Tamius Han 2025-01-12 23:25:39 +01:00
parent 23ea9e77c4
commit b2cd8197d4

View File

@ -63,7 +63,7 @@
<div class="field">
<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 class="input range-input">
<input
@ -77,16 +77,18 @@
@change="(event) => saveSettings()"
>
<input
style="margin-right: 0.6rem;"
:value="ghettoComputed.minEnabledWidth"
@input="(event) => setPlayerRestrictions('minEnabledWidth', event.target.value, true)"
@change="(event) => saveSettings(true)"
>
<div class="unit">% of screen</div>
</div>
</div>
<div class="field">
<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 class="input range-input">
<input
@ -100,10 +102,12 @@
@change="(event) => saveSettings()"
>
<input
style="margin-right: 0.6rem;"
:value="ghettoComputed.minEnabledHeight"
@input="(event) => setPlayerRestrictions('minEnabledHeight', event.target.value, true)"
@change="(event) => saveSettings(true)"
>
<div class="unit">% of screen</div>
</div>
</div>
</div>
@ -242,8 +246,6 @@ export default {
max-width: 24rem;
}
.trigger-zone-editor {
background-color: rgba(0,0,0,0.25);