diff --git a/frontend/src/pages/SetupPage.tsx b/frontend/src/pages/SetupPage.tsx index 4e7f8acd..6b4101a4 100644 --- a/frontend/src/pages/SetupPage.tsx +++ b/frontend/src/pages/SetupPage.tsx @@ -8,6 +8,7 @@ import { useTranslation } from 'react-i18next'; import { Button, Input, Card, Loading } from '../components/common'; import { useAdminAuth } from '../contexts'; import { setupService } from '../services/setup.service'; +import { resolveLoginLogoClasses } from '../utils/loginLogoSize'; import type { AdminUser } from '../types'; // Where the first-run setup is documented, for the case where the server logs @@ -170,10 +171,16 @@ export const SetupPage: React.FC = () => {
{/* On a fresh instance there are no branding settings yet, so use the bundled PicPeak logo — the same default the login page falls back - to — on the cream brand plate. First impressions should be on-brand. */} -
- PicPeak -
+ to — on the cream brand plate. Size matches the login default + (`medium`) so the two screens read identically. */} + {(() => { + const cls = resolveLoginLogoClasses(undefined); + return ( +
+ PicPeak +
+ ); + })()}

{t('setup.title')}

{step === 'token' ? t('setup.tokenStepSubtitle') : t('setup.accountStepSubtitle')}