From 5a888cb13a50ac9acbdd5805b0e84c526d4aeb3b Mon Sep 17 00:00:00 2001
From: ZacharyZcR <zacharyzcr1984@gmail.com>
Date: Sun, 9 Nov 2025 09:07:52 +0800
Subject: [PATCH] feat: Add decorative slash and remove subtitle from login
 page

- Add decorative slash divider with gradient lines below TERMIX logo
- Remove subtitle text (welcomeBack and createAccount)
- Simplify page title to show only the main heading
---
 src/ui/desktop/authentication/Auth.tsx | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/ui/desktop/authentication/Auth.tsx b/src/ui/desktop/authentication/Auth.tsx
index b68c62d0..5266bab7 100644
--- a/src/ui/desktop/authentication/Auth.tsx
+++ b/src/ui/desktop/authentication/Auth.tsx
@@ -853,6 +853,12 @@ export function Auth({
             >
               TERMIX
             </div>
+            {/* Decorative Slash */}
+            <div className="flex items-center justify-center gap-3 mb-6">
+              <div className="h-px w-12 bg-gradient-to-r from-transparent to-primary/50"></div>
+              <div className="text-primary text-2xl font-light">/</div>
+              <div className="h-px w-12 bg-gradient-to-l from-transparent to-primary/50"></div>
+            </div>
             <div className="text-lg text-muted-foreground tracking-widest font-light">
               {t("auth.tagline") || "SSH TERMINAL MANAGER"}
             </div>
@@ -1004,7 +1010,7 @@ export function Auth({
 
                 {/* Page Title */}
                 <div className="mb-8 text-center">
-                  <h2 className="text-2xl font-bold mb-2">
+                  <h2 className="text-2xl font-bold">
                     {tab === "login"
                       ? t("auth.loginTitle")
                       : tab === "signup"
@@ -1013,13 +1019,6 @@ export function Auth({
                           ? t("auth.loginWithExternal")
                           : t("auth.forgotPassword")}
                   </h2>
-                  <p className="text-sm text-muted-foreground">
-                    {tab === "login"
-                      ? t("auth.welcomeBack")
-                      : tab === "signup"
-                        ? t("auth.createAccount")
-                        : t("auth.continueExternal")}
-                  </p>
                 </div>
 
                 {tab === "external" || tab === "reset" ? (