mirror of
https://github.com/hansjone/netx.git
synced 2026-10-10 09:50:44 +08:00
Refine login layout with left earth stage and natural sunlight.
Move the globe beside the form, drop the orbit ring, and soften a blue atmospheric limb that fades into space. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
parent
2d92dde8e5
commit
306f90a21c
2 changed files with 180 additions and 76 deletions
|
|
@ -1,18 +1,18 @@
|
|||
import type { ReactNode } from "react";
|
||||
|
||||
/** Auth shell modeled after CuteCloud login: space BG + rotating night-earth + centered form. */
|
||||
/** Auth shell: night-earth stage on the left, form rail on the right. */
|
||||
export function LoginShell({ children }: { children: ReactNode }) {
|
||||
return (
|
||||
<div className="login-page">
|
||||
<div className="login-page__space" aria-hidden="true">
|
||||
<div className="login-page__sun" />
|
||||
<div className="login-planet">
|
||||
<div className="login-planet__railway" />
|
||||
<div className="login-planet__earth">
|
||||
<div className="login-planet__textures" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="login-page__content">{children}</div>
|
||||
<aside className="login-page__rail">{children}</aside>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue