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

[Update] Config Page: Change background color and adjust DropdownMenu component for it.

Browse Source
This commit is contained in:
Sakamoto Shiina
2024-09-02 10:39:02 +09:00
parent fdbaaaaca9
commit 231125e406
3 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src-ui/app/config_page/ConfigPage.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;
background-color: var(--dark_950_color); background-color: var(--dark_900_color);
overflow: hidden; overflow: hidden;
position: relative; position: relative;
} }

6
src-ui/app/config_page/setting_section/setting_box/components/dropdown_menu/DropdownMenu.module.scss
View File

@@ -6,16 +6,16 @@
.dropdown_toggle_button { .dropdown_toggle_button {
position: relative; position: relative;
background-color: var(--dark_925_color); background-color: var(--dark_950_color);
min-width: 20rem; min-width: 20rem;
padding: 0.6rem 1rem; padding: 0.6rem 1rem;
cursor: pointer; cursor: pointer;
border-radius: 0.4rem; border-radius: 0.4rem;
&:hover { &:hover {
background-color: var(--dark_850_color); background-color: var(--dark_925_color);
} }
&:active { &:active {
background-color: var(--dark_950_color); background-color: var(--dark_975_color);
} }
&.is_loading { &.is_loading {
pointer-events: none; pointer-events: none;

4
src-ui/app/config_page/setting_section/setting_box/components/useSettingBox.module.scss
View File

@@ -3,7 +3,6 @@
width: 100%; width: 100%;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
background-color: var(--dark_888_color);
padding: 2rem; padding: 2rem;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@@ -12,6 +11,7 @@
&.flex_column { &.flex_column {
flex-direction: column; flex-direction: column;
} }
border-bottom: solid 0.1rem var(--dark_800_color);
} }
.label_only_section { .label_only_section {
@@ -25,7 +25,6 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
gap: 2rem; gap: 2rem;
background-color: var(--dark_888_color);
padding: 2rem; padding: 2rem;
} }
@@ -61,7 +60,6 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
gap: 2rem; gap: 2rem;
background-color: var(--dark_888_color);
padding: 2rem; padding: 2rem;
} }