feat(web): redesign responsive settings navigation (#1027)

This commit is contained in:
SSU-WEI HUANG
2026-07-13 08:42:25 +08:00
committed by GitHub
parent b9eed7c071
commit f6ad345339
24 changed files with 1218 additions and 1730 deletions
+18
View File
@@ -0,0 +1,18 @@
import { PROTOCOL_VERSION } from '@hapi/protocol'
import { useTranslation } from '@/lib/use-translation'
import { SettingsPageContent, SettingsRow, SettingsSection } from '@/components/settings/SettingsPrimitives'
export default function SettingsAboutPage() {
const { t } = useTranslation()
return (
<SettingsPageContent title={t('settings.about.title')} description={t('settings.about.description')}>
<SettingsSection>
<SettingsRow label={t('settings.about.website')} trailing={
<a href="https://hapi.run" target="_blank" rel="noopener noreferrer" className="text-[var(--app-link)] hover:underline">hapi.run</a>
} />
<SettingsRow label={t('settings.about.appVersion')} trailing={<span className="text-[var(--app-hint)]">{__APP_VERSION__}</span>} />
<SettingsRow label={t('settings.about.protocolVersion')} trailing={<span className="text-[var(--app-hint)]">{PROTOCOL_VERSION}</span>} />
</SettingsSection>
</SettingsPageContent>
)
}