fix: welcome choose language styling and link

This commit is contained in:
David Ralph
2026-01-24 13:10:28 +00:00
parent c8bd531bb5
commit e218ad512e
3 changed files with 21 additions and 22 deletions

View File

@@ -1,8 +1,13 @@
function Header({ title, subtitle }) {
function Header({ title, subtitle, children }) {
return (
<>
<span className="mainTitle">{title}</span>
<span className="subtitle">{subtitle}</span>
<span className="subtitle">
{subtitle}
{subtitle && children ? ' ' : null}
{children}
</span>
</>
);
}

View File

@@ -10,26 +10,21 @@ function ChooseLanguage() {
<Content>
<Header
title={variables.getMessage('modals.welcome.sections.language.title')}
subtitle={variables.getMessage('modals.welcome.sections.language.description')}
subtitle={
<>
{variables.getMessage('modals.welcome.sections.language.description')}{' '}
<a
href={variables.constants.TRANSLATIONS_URL}
className="link"
target="_blank"
rel="noopener noreferrer"
style={{ display: 'inline-flex', alignItems: 'center', gap: '0.2em' }}
>
GitHub <MdOutlineOpenInNew />
</a>
</>
}
/>
<a
href={variables.constants.TRANSLATIONS_URL}
className="link"
target="_blank"
rel="noopener noreferrer"
>
GitHub
<MdOutlineOpenInNew />
</a>
<a
href={variables.constants.WEBLATE_URL}
className="link"
target="_blank"
rel="noopener noreferrer"
>
Weblate
<MdOutlineOpenInNew />
</a>
<div className="languageSettings">
<Radio name="language" options={languages} category="welcomeLanguage" />
</div>