+ {is_not_en_lang
+ ?
+ <>
+
+ >
+ :
+
+ }
+
{currentUiLanguage.state === "loading" &&
}
{Object.entries(SELECTABLE_UI_LANGUAGES_DICT).map(([key, value]) => (
diff --git a/src-ui/app/config_page/setting_section/setting_box/appearance/Appearance.module.scss b/src-ui/app/config_page/setting_section/setting_box/appearance/Appearance.module.scss
index f2d8ab50..14c10eb7 100644
--- a/src-ui/app/config_page/setting_section/setting_box/appearance/Appearance.module.scss
+++ b/src-ui/app/config_page/setting_section/setting_box/appearance/Appearance.module.scss
@@ -14,8 +14,13 @@
gap: 1rem;
position: relative;
}
-
-
+.ui_language_label_wrapper {
+ display: flex;
+ align-items: center;
+}
+.ui_language_secondly_label {
+ font-size: 1.2rem;
+}
.radio_button_wrapper {
display: flex;
diff --git a/src-ui/app/config_page/setting_section/setting_box/components/label_component/LabelComponent.module.scss b/src-ui/app/config_page/setting_section/setting_box/components/label_component/LabelComponent.module.scss
index f9ea7d93..8a423561 100644
--- a/src-ui/app/config_page/setting_section/setting_box/components/label_component/LabelComponent.module.scss
+++ b/src-ui/app/config_page/setting_section/setting_box/components/label_component/LabelComponent.module.scss
@@ -1,7 +1,7 @@
.label_component {
display: flex;
flex-direction: column;
- gap: 0.2rem;
+ gap: 0.4rem;
flex-shrink: 0;
}
diff --git a/src-ui/app/main_page/sidebar_section/language_settings/LanguageSettings.jsx b/src-ui/app/main_page/sidebar_section/language_settings/LanguageSettings.jsx
index 46459770..ea236fae 100644
--- a/src-ui/app/main_page/sidebar_section/language_settings/LanguageSettings.jsx
+++ b/src-ui/app/main_page/sidebar_section/language_settings/LanguageSettings.jsx
@@ -7,12 +7,13 @@ import { TranslatorSelectorOpenButton } from "./translator_selector_open_button/
import { useStore_IsOpenedTranslatorSelector } from "@store";
export const LanguageSettings = () => {
+ const { t } = useTranslation();
const { updateIsOpenedTranslatorSelector } = useStore_IsOpenedTranslatorSelector();
const closeTranslatorSelector = () => updateIsOpenedTranslatorSelector(false);
return (
-
Language Settings
+
{t("main_page.language_settings")}
diff --git a/src-ui/app/main_page/sidebar_section/language_settings/language_selector_open_button/LanguageSelectorOpenButton.module.scss b/src-ui/app/main_page/sidebar_section/language_settings/language_selector_open_button/LanguageSelectorOpenButton.module.scss
index 3bce23ac..25e087f2 100644
--- a/src-ui/app/main_page/sidebar_section/language_settings/language_selector_open_button/LanguageSelectorOpenButton.module.scss
+++ b/src-ui/app/main_page/sidebar_section/language_settings/language_selector_open_button/LanguageSelectorOpenButton.module.scss
@@ -39,7 +39,7 @@
position: relative;
background-color: var(--dark_888_color);
width: 100%;
- padding: 0.2rem 0;
+ padding: 0.4rem 0;
display: flex;
flex-direction: column;
justify-content: center;