From 6bd5eba7070970cdb888d6c90065b2dccfff983b Mon Sep 17 00:00:00 2001
From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com>
Date: Tue, 30 Jul 2024 07:51:21 +0900
Subject: [PATCH] [Update] Config Window: Setting Box. Put the design to label
 component.

---
 .../components/label_component/LabelComponent.jsx  |  4 ++--
 .../label_component/LabelComponent.module.scss     | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/src-ui/windows/config_window/setting_section/setting_box/components/label_component/LabelComponent.jsx b/src-ui/windows/config_window/setting_section/setting_box/components/label_component/LabelComponent.jsx
index 4f49e33e..8fea9a02 100644
--- a/src-ui/windows/config_window/setting_section/setting_box/components/label_component/LabelComponent.jsx
+++ b/src-ui/windows/config_window/setting_section/setting_box/components/label_component/LabelComponent.jsx
@@ -3,8 +3,8 @@ import styles from "./LabelComponent.module.scss";
 export const LabelComponent = (props) => {
     return (
         <div className={styles.label_component}>
-            <p>{props.label}</p>
-            <p>{props.desc}</p>
+            <p className={styles.label}>{props.label}</p>
+            <p className={styles.desc}>{props.desc}</p>
         </div>
     );
 };
\ No newline at end of file
diff --git a/src-ui/windows/config_window/setting_section/setting_box/components/label_component/LabelComponent.module.scss b/src-ui/windows/config_window/setting_section/setting_box/components/label_component/LabelComponent.module.scss
index b6baee06..ee8e088a 100644
--- a/src-ui/windows/config_window/setting_section/setting_box/components/label_component/LabelComponent.module.scss
+++ b/src-ui/windows/config_window/setting_section/setting_box/components/label_component/LabelComponent.module.scss
@@ -1,3 +1,17 @@
 .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);
 }
\ No newline at end of file