[Update] Config Page: Appearance Tab. UI Language. Show localization language and 'UI Language' when it's not en to desc section.
Add padding more between label and desc.
This commit is contained in:
@@ -113,7 +113,7 @@
|
|||||||
"label": "使用フォント"
|
"label": "使用フォント"
|
||||||
},
|
},
|
||||||
"ui_language": {
|
"ui_language": {
|
||||||
"label": "UIの言語 / UI Language"
|
"label": "UIの言語"
|
||||||
},
|
},
|
||||||
"to_restore_main_page_geometry": {
|
"to_restore_main_page_geometry": {
|
||||||
"label": "メイン画面の位置を記憶する",
|
"label": "メイン画面の位置を記憶する",
|
||||||
|
|||||||
@@ -98,7 +98,7 @@
|
|||||||
"label": "폰트"
|
"label": "폰트"
|
||||||
},
|
},
|
||||||
"ui_language": {
|
"ui_language": {
|
||||||
"label": "UI 언어 / UI Language"
|
"label": "UI 언어"
|
||||||
},
|
},
|
||||||
"to_restore_main_page_geometry": {
|
"to_restore_main_page_geometry": {
|
||||||
"label": "메인 화면 위치 기억",
|
"label": "메인 화면 위치 기억",
|
||||||
|
|||||||
@@ -86,9 +86,20 @@ const UiLanguageContainer = () => {
|
|||||||
"zh-Hant": "繁體中文",
|
"zh-Hant": "繁體中文",
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
|
const is_not_en_lang = currentUiLanguage.data !== "en" && currentUiLanguage.data !== undefined;
|
||||||
return (
|
return (
|
||||||
<div className={styles.ui_language_container}>
|
<div className={styles.ui_language_container}>
|
||||||
|
<div className={styles.ui_language_label_wrapper}>
|
||||||
|
{is_not_en_lang
|
||||||
|
?
|
||||||
|
<>
|
||||||
|
<LabelComponent label="UI Language" desc={t("config_page.ui_language.label")}/>
|
||||||
|
</>
|
||||||
|
:
|
||||||
<LabelComponent label={t("config_page.ui_language.label")}/>
|
<LabelComponent label={t("config_page.ui_language.label")}/>
|
||||||
|
}
|
||||||
|
</div>
|
||||||
<div className={styles.ui_language_selector_container}>
|
<div className={styles.ui_language_selector_container}>
|
||||||
{currentUiLanguage.state === "loading" && <span className={styles.loader}></span>}
|
{currentUiLanguage.state === "loading" && <span className={styles.loader}></span>}
|
||||||
{Object.entries(SELECTABLE_UI_LANGUAGES_DICT).map(([key, value]) => (
|
{Object.entries(SELECTABLE_UI_LANGUAGES_DICT).map(([key, value]) => (
|
||||||
|
|||||||
@@ -14,8 +14,13 @@
|
|||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
.ui_language_label_wrapper {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.ui_language_secondly_label {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
}
|
||||||
|
|
||||||
.radio_button_wrapper {
|
.radio_button_wrapper {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
.label_component {
|
.label_component {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 0.2rem;
|
gap: 0.4rem;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user