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

[Update] Config Window: Setting Box. Put the design to label component.

Browse Source
This commit is contained in:
Sakamoto Shiina
2024-07-30 07:51:21 +09:00
parent dd1448a145
commit 6bd5eba707
2 changed files with 16 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src-ui/windows/config_window/setting_section/setting_box/components/label_component/LabelComponent.jsx
View File

@@ -3,8 +3,8 @@ import styles from "./LabelComponent.module.scss";
export const LabelComponent = (props) => { export const LabelComponent = (props) => {
return ( return (
<div className={styles.label_component}> <div className={styles.label_component}>
<p>{props.label}</p> <p className={styles.label}>{props.label}</p>
<p>{props.desc}</p> <p className={styles.desc}>{props.desc}</p>
</div> </div>
); );
}; };

16
src-ui/windows/config_window/setting_section/setting_box/components/label_component/LabelComponent.module.scss
View File

@@ -1,3 +1,17 @@
.label_component { .label_component {
display: flex;
flex-direction: column;
gap: 0.2rem;
}
.label {
font-size: 1.6rem;
font-weight: 400;
color: var(--dark_basic_text_color);
}
.desc {
font-size: 1.4rem;
font-weight: 300;
color: var(--dark_500_color);
} }