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

[Chore] Main Page: Add padding to language selector open button. Add localization function to the title Language Settings.

Browse Source
This commit is contained in:
Sakamoto Shiina
2024-09-19 07:31:18 +09:00
parent f662e21c5d
commit e7a39b6fa8
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src-ui/app/main_page/sidebar_section/language_settings/LanguageSettings.jsx
View File

@@ -7,12 +7,13 @@ import { TranslatorSelectorOpenButton } from "./translator_selector_open_button/
import { useStore_IsOpenedTranslatorSelector } from "@store"; import { useStore_IsOpenedTranslatorSelector } from "@store";
export const LanguageSettings = () => { export const LanguageSettings = () => {
const { t } = useTranslation();
const { updateIsOpenedTranslatorSelector } = useStore_IsOpenedTranslatorSelector(); const { updateIsOpenedTranslatorSelector } = useStore_IsOpenedTranslatorSelector();
const closeTranslatorSelector = () => updateIsOpenedTranslatorSelector(false); const closeTranslatorSelector = () => updateIsOpenedTranslatorSelector(false);
return ( return (
<div className={styles.container} onMouseLeave={closeTranslatorSelector}> <div className={styles.container} onMouseLeave={closeTranslatorSelector}>
<p className={styles.title}>Language Settings</p> <p className={styles.title}>{t("main_page.language_settings")}</p>
<PresetTabSelector /> <PresetTabSelector />
<PresetContainer /> <PresetContainer />
</div> </div>

2
src-ui/app/main_page/sidebar_section/language_settings/language_selector_open_button/LanguageSelectorOpenButton.module.scss
View File

@@ -39,7 +39,7 @@
position: relative; position: relative;
background-color: var(--dark_888_color); background-color: var(--dark_888_color);
width: 100%; width: 100%;
padding: 0.2rem 0; padding: 0.4rem 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;