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

@@ -9,7 +9,6 @@ export const WEBSITE_URL = 'https://muetab.com';
export const MARKETPLACE_URL = 'https://muetab.com/marketplace';
export const CHANGELOG_URL = 'https://muetab.com/blog/changelog';
export const PRIVACY_URL = 'https://muetab.com/privacy';
export const TRANSLATIONS_URL = 'https://muetab.com/docs/translations';
export const WEBLATE_URL = 'https://hosted.weblate.org/projects/mue/mue-tab/';
export const REPORT_ITEM =
'https://github.com/mue/marketplace/issues/new?assignees=&labels=item%2Creport&projects=&template=item_issue_report.yml&title=%5BItem+Report%5D+Insert+marketplace+item+name+here';

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>