diff --git a/src/tju/tui/app.tcss b/src/tju/tui/app.tcss index 4a5bc4f..acbeecf 100644 --- a/src/tju/tui/app.tcss +++ b/src/tju/tui/app.tcss @@ -6,17 +6,16 @@ Screen { background: $background; } -/* ════════════════════════════════════════════════════════════════════════ - Login screen - ════════════════════════════════════════════════════════════════════════ */ +/* ══════ Login ══════════════════════════════════════════════════════════════ */ + LoginScreen { align: center middle; } #login-box { - width: 56; + width: 52; height: auto; - padding: 1 3; + padding: 1 3 2 3; border: round $primary; background: $surface; border-title-color: $accent; @@ -29,36 +28,39 @@ LoginScreen { text-style: bold; color: $accent; margin-top: 1; + margin-bottom: 0; } #login-subtitle { text-align: center; color: $text-muted; - margin-bottom: 1; + margin-bottom: 2; } LoginScreen Label { - margin-top: 1; color: $text-muted; + margin-top: 1; + margin-bottom: 0; } LoginScreen Input { width: 100%; - margin-bottom: 1; - border: round $primary-darken-2; + border: tall $primary-darken-1; + background: $background; } LoginScreen Input:focus { - border: round $accent; + border: tall $accent; } #btn-login { width: 100%; - margin-top: 1; + margin-top: 2; } #login-error { color: $error; + text-align: center; margin-top: 1; display: none; }