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

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

@@ -33,26 +33,37 @@ 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',
You have been signed out successfully. width: '100%', fontFamily: 'var(--font-body)',
</p> }}>
<Button <div style={{
variant="primary" display: 'flex', alignItems: 'center', gap: 10,
onClick={() => { marginBottom: 8, fontSize: 24, fontWeight: 700, color: 'var(--text-primary)',
window.location.href = window.location.origin + '/platform/login'; }}>
}} <img src={cameleerLogo} alt="" width="36" height="36" />
> Cameleer
Sign in again
</Button>
</div> </div>
</Card> <p style={{ fontSize: 13, color: 'var(--text-muted)', margin: '0 0 24px' }}>
</div> You have been signed out successfully.
</p>
<Button
variant="primary"
onClick={() => {
window.location.href = window.location.origin + '/platform/login';
}}
style={{ width: '100%' }}
>
Sign in again
</Button>
</div>
</Card>
<style>{`.signed-out-card { width: 100%; max-width: 400px; padding: 32px; }`}</style>
</div> </div>
); );
} }