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;
flex-direction: column;
justify-content: space-between;
background-color: var(--dark_950_color);
background-color: var(--dark_900_color);
overflow: hidden;
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 {
position: relative;
background-color: var(--dark_925_color);
background-color: var(--dark_950_color);
min-width: 20rem;
padding: 0.6rem 1rem;
cursor: pointer;
border-radius: 0.4rem;
&:hover {
background-color: var(--dark_850_color);
background-color: var(--dark_925_color);
}
&:active {
background-color: var(--dark_950_color);
background-color: var(--dark_975_color);
}
&.is_loading {
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%;
justify-content: space-between;
align-items: center;
background-color: var(--dark_888_color);
padding: 2rem;
display: flex;
justify-content: space-between;
@@ -12,6 +11,7 @@
&.flex_column {
flex-direction: column;
}
border-bottom: solid 0.1rem var(--dark_800_color);
}
.label_only_section {
@@ -25,7 +25,6 @@
justify-content: space-between;
align-items: center;
gap: 2rem;
background-color: var(--dark_888_color);
padding: 2rem;
}
@@ -61,7 +60,6 @@
justify-content: space-between;
align-items: center;
gap: 2rem;
background-color: var(--dark_888_color);
padding: 2rem;
}