diff --git a/src/localization.json b/src/localization.json index dcd5312..f48ad34 100644 --- a/src/localization.json +++ b/src/localization.json @@ -29,6 +29,26 @@ "TH": "เริ่มต้น", "RU": "Начать" }, + "appInfo":{ + "KO": "인천 외국인 근로자", + "MM": "နိုင်ငံခြားသား လုပ်ငန်းသား", + "VN": "Hướng dẫn Bảo hiểm Bồi thường Tai nạn Lao động", + "ID": "Panduan Asuransi Kompensasi Kecelakaan Kerja", + "EN": "Incheon Guide to Industrial Accident Compensation Insurance", + "NP": "इन्चोन औद्योगिक दुर्घटना क्षतिपूर्ति बीमा मार्गदर्शिका", + "TH": "คู่มือประกันการบาดเจ็บจากการทำงาน", + "RU": "Руководство по страхованию от несчастных случаев на производстве" + }, + "appInfo2":{ + "KO": "산재보험 가이드", + "MM": "စက်မှုလုပ်ငန်းခွင် မတော်တဆထိခိုက်မှု အာမခံ လမ်းညွှန်", + "VN": "cho Người lao động nước ngoài tại Incheon", + "ID": "untuk Pekerja Asing di Incheon", + "EN": "for Foreign Workers", + "NP": "विदेशी श्रमिकहरूका लागि", + "TH": "สำหรับแรงงานต่างชาติในอินชอน", + "RU": "для иностранных работников в Инчхоне" + }, "mainGuide": { "KO": "산업재해가이드 (산재가이드)", "MM": "စက်မှုလုပ်ငန်းခွင် မတော်တဆထိခိုက်မှု လမ်းညွှန်", diff --git a/src/pages/LangPage/LangPage.css b/src/pages/LangPage/LangPage.css index 2943571..e49e3cc 100644 --- a/src/pages/LangPage/LangPage.css +++ b/src/pages/LangPage/LangPage.css @@ -72,6 +72,15 @@ padding: 20px 0 40px 0; } +.logo-text { + font-size: 24px; + font-weight: 700; + color: #0b8eff; + margin: 0; + line-height: 1.2; + text-align: center; +} + /* 모바일 반응형 */ @media (max-width: 480px) { .lang-page { @@ -100,44 +109,52 @@ } } -/* 태블릿 반응형 */ -@media (min-width: 481px) and (max-width: 768px) { + +/* 데스크톱 반응형 */ +@media (min-width: 769px) { .lang-page { - padding: 30px; + padding: 40px; + max-width: 500px; + margin: 0 auto; } .logo { - height: 45px; + height: 50px; } .welcome-text h1 { - font-size: 32px; + font-size: 36px; } .language-section { - max-width: 400px; + max-width: 450px; } } -/* 데스크톱 반응형 */ -@media (min-width: 769px) { +/* 태블릿 (데스크톱 레이아웃 유지) */ +@media (min-width: 484px) and (max-width: 768px) { .lang-page { - padding: 40px; + padding: 32px; max-width: 500px; margin: 0 auto; } - .logo { - height: 50px; + .main-content { + width: 100%; + align-items: flex-start; + text-align: left; + padding: 0; } - .welcome-text h1 { - font-size: 36px; + .welcome-text { + width: 100%; + text-align: left; + margin-bottom: 40px; } - .language-section { + width: 100%; max-width: 450px; } } diff --git a/src/pages/LangPage/LangPage.tsx b/src/pages/LangPage/LangPage.tsx index 1b2996d..7a8a094 100644 --- a/src/pages/LangPage/LangPage.tsx +++ b/src/pages/LangPage/LangPage.tsx @@ -16,7 +16,11 @@ const LangPage = () => {