Update Video settings UI

This commit is contained in:
redphx 2023-07-15 20:53:28 +07:00
parent e4ad010e0a
commit ed32044480

View File

@ -834,7 +834,7 @@ function numberPicker(key) {
const CE = createElement; const CE = createElement;
const $wrapper = CE('div', {}, const $wrapper = CE('div', {},
$decBtn = CE('button', {'data-type': 'dec'}, '-'), $decBtn = CE('button', {'data-type': 'dec'}, '-'),
$text = CE('span', {}, value), $text = CE('span', {}, value + '%'),
$incBtn = CE('button', {'data-type': 'inc'}, '+'), $incBtn = CE('button', {'data-type': 'inc'}, '+'),
); );
@ -856,7 +856,7 @@ function numberPicker(key) {
value = (value >= MAX) ? MAX : value + 1; value = (value >= MAX) ? MAX : value + 1;
} }
$text.textContent = value; $text.textContent = value + '%';
PREFS.set(key, value); PREFS.set(key, value);
updateVideoPlayerCss(); updateVideoPlayerCss();
@ -949,8 +949,9 @@ function setupVideoSettingsBar() {
} }
.better_xcloud_quick_settings_bar label { .better_xcloud_quick_settings_bar label {
font-size: 24px; font-size: 20px;
display: block; display: block;
margin-bottom: 8px;
} }
.better_xcloud_quick_settings_bar input { .better_xcloud_quick_settings_bar input {
@ -964,8 +965,9 @@ function setupVideoSettingsBar() {
height: 24px; height: 24px;
margin: 0 8px; margin: 0 8px;
line-height: 24px; line-height: 24px;
background-color: #fff; background-color: #515151;
color: #000; color: #fff;
border-radius: 4px;
} }
@media (hover: hover) { @media (hover: hover) {
@ -982,7 +984,9 @@ function setupVideoSettingsBar() {
.better_xcloud_quick_settings_bar span { .better_xcloud_quick_settings_bar span {
display: inline-block; display: inline-block;
width: 26px; width: 40px;
font-weight: bold;
font-family: Consolas, "Courier New", Courier, monospace;
} }
`); `);