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

[Update/bugfix] Quick Settings: Expand width.

Browse Source 
Config Page: Sidebar: shrink width a bit.
Config Page: Setting Box: each component: Fix gap to prevent sliders cover the label.
This commit is contained in:
Sakamoto Shiina
2024-12-17 23:56:30 +09:00
parent 0f7bc29069
commit 8629d9aa4a
4 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src-ui/app/_index_css/variables.css
View File

@@ -54,7 +54,7 @@
--title_bar_height: 2rem; --title_bar_height: 2rem;
--main_page_topbar_height: 4.8rem; --main_page_topbar_height: 4.8rem;
--config_page_sidebar_width: 18rem; --config_page_sidebar_width: 16.8rem;
--config_page_topbar_height: 8rem; --config_page_topbar_height: 8rem;
--font_family: "Yu Gothic UI"; --font_family: "Yu Gothic UI";

2
src-ui/app/config_page/setting_section/setting_box/_templates/Templates.module.scss
View File

@@ -4,7 +4,7 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 2rem; padding: 2rem;
gap: 6rem; gap: 10rem;
&.flex_column { &.flex_column {
flex-direction: column; flex-direction: column;
} }

4
src-ui/app/config_page/sidebar_section/SidebarSection.module.scss
View File

@@ -4,7 +4,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
padding: 0rem 0rem 5.8rem 1.6rem; padding: 0rem 0rem 5.8rem 1.2rem;
max-height: 60rem; max-height: 60rem;
} }
@@ -23,7 +23,7 @@
justify-content: left; justify-content: left;
align-items: center; align-items: center;
color: var(--dark_basic_text_color); color: var(--dark_basic_text_color);
padding: 0.8rem 0 0.8rem 1.2rem; padding: 0.8rem 0 0.8rem 1rem;
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background-color: var(--dark_800_color); background-color: var(--dark_800_color);

2
src-ui/app/modal_controller/ModalController.module.scss
View File

@@ -22,7 +22,7 @@
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
overflow-y: auto; overflow-y: auto;
background-color: var(--dark_900_color); background-color: var(--dark_900_color);
width: 60%; width: 80%;
height: 96%; height: 96%;
padding: 2rem; padding: 2rem;
border-radius: 0.6rem; border-radius: 0.6rem;