every_holiday/VRCT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[Update] Config Page: VR Tab: Add restore default settings button.

Browse Source
This commit is contained in:
Sakamoto Shiina
2024-12-13 15:12:36 +09:00
parent b570034e5b
commit 6d84cabf88
3 changed files with 54 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src-ui/app/config_page/setting_section/setting_box/vr/Vr.jsx
View File

@@ -34,6 +34,12 @@ export const Vr = () => {
const { currentOverlayLargeLogSettings, setOverlayLargeLogSettings } = useOverlayLargeLogSettings();
const { currentIsEnabledOverlayLargeLog, toggleIsEnabledOverlayLargeLog } = useIsEnabledOverlayLargeLog();
const restoreDefaultSettings = () => {
setOverlaySmallLogSettings(ui_configs.overlay_small_log_default_settings);
setOverlayLargeLogSettings(ui_configs.overlay_large_log_default_settings);
};
return (
<div className={styles.container}>
<div className={styles.wrapper}>
@@ -64,6 +70,12 @@ export const Vr = () => {
)}
</div>
<CommonSettingsContainer />
<button
className={styles.restore_default_settings_button}
onClick={restoreDefaultSettings}
>
{t("config_page.vr.restore_default_settings")}
</button>
</div>
);
};

14
src-ui/app/config_page/setting_section/setting_box/vr/Vr.module.scss
View File

@@ -196,4 +196,18 @@
.common_label {
font-size: 1.4rem;
}
.restore_default_settings_button {
color: var(--dark_basic_text_color);
font-size: 1.2rem;
margin-top: 6rem;
padding: 0.8rem;
border-radius: 0.4rem;
&:hover {
background-color: var(--dark_775_color);
}
&:active {
background-color: var(--dark_900_color);
}
}