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

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

View File

@@ -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 (
<div className={styles.container} onMouseLeave={closeTranslatorSelector}>
<p className={styles.title}>Language Settings</p>
<p className={styles.title}>{t("main_page.language_settings")}</p>
<PresetTabSelector />
<PresetContainer />
</div>

View File

@@ -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;