cameleer/cameleer-saas
2
0
Fork 0
Code Issues 24 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: style signed-out page to match sign-in UI
Some checks failed
CI / build (push) Successful in 2m12s
Details
CI / docker (push) Has been cancelled
Details

Browse Source 
Use same layout as SignInPage: bg-base background, 400px card,
Cameleer logo with text header, matching font sizes and spacing.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-04-25 20:03:04 +02:00
parent 400c32a539
commit 1a4ae5b49b
1 changed files with 30 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
ui/src/auth/LoginPage.tsx
View File

@@ -33,13 +33,23 @@ export function LoginPage() {
if (signedOut && !isAuthenticated) { if (signedOut && !isAuthenticated) {
return ( return (
<div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '100vh' }}> <div style={{
<div style={{ maxWidth: 360, textAlign: 'center' }}> display: 'flex', alignItems: 'center', justifyContent: 'center',
<Card> minHeight: '100vh', background: 'var(--bg-base)',
<div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 16 }}> }}>
<img src={cameleerLogo} alt="" width="48" height="48" /> <Card className="signed-out-card">
<h2 style={{ margin: 0, fontSize: '1.25rem', fontWeight: 600 }}>Signed out</h2> <div style={{
<p style={{ margin: 0, color: 'var(--text-secondary)', fontSize: '0.875rem' }}> display: 'flex', flexDirection: 'column', alignItems: 'center',
width: '100%', fontFamily: 'var(--font-body)',
}}>
<div style={{
display: 'flex', alignItems: 'center', gap: 10,
marginBottom: 8, fontSize: 24, fontWeight: 700, color: 'var(--text-primary)',
}}>
<img src={cameleerLogo} alt="" width="36" height="36" />
Cameleer
</div>
<p style={{ fontSize: 13, color: 'var(--text-muted)', margin: '0 0 24px' }}>
You have been signed out successfully. You have been signed out successfully.
</p> </p>
<Button <Button
@@ -47,12 +57,13 @@ export function LoginPage() {
onClick={() => { onClick={() => {
window.location.href = window.location.origin + '/platform/login'; window.location.href = window.location.origin + '/platform/login';
}} }}
style={{ width: '100%' }}
> >
Sign in again Sign in again
</Button> </Button>
</div> </div>
</Card> </Card>
</div> <style>{`.signed-out-card { width: 100%; max-width: 400px; padding: 32px; }`}</style>
</div> </div>
); );
} }