(texera) branch main updated: fix(frontend): drop fixed height on about-page login card (#4890)

[yiconghuang]

This is an automated email from the ASF dual-hosted git repository.

Yicong-Huang pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/texera.git


The following commit(s) were added to refs/heads/main by this push:
     new aedc6e253b fix(frontend): drop fixed height on about-page login card 
(#4890)
aedc6e253b is described below

commit aedc6e253b41ea3457a5efd59b4817862e395ff8
Author: Jiadong Bai <43344272+bobba...@users.noreply.github.com>
AuthorDate: Sun May 3 21:11:24 2026 -0700

    fix(frontend): drop fixed height on about-page login card (#4890)
    
    ### What changes were proposed in this PR?
    
    The login card on `/about` (logged out) overlapped the workflow GUI
    screenshot (#4879). Root cause: `local-login.component.scss` had
    `height: 350px` hardcoded on the inner `.form`. Drop it so the card
    sizes to its content; also tighten the gap between input fields.
    
    Login:
    <img width="1817" height="1072" alt="Screenshot 2026-05-03 at 8 35 56
    PM"
    
src="https://github.com/user-attachments/assets/c4c3630e-d80e-447b-aad7-3fbe22f3e1c7";
    />
    
    Sign Up:
    <img width="1829" height="1088" alt="Screenshot 2026-05-03 at 8 36 22
    PM"
    
src="https://github.com/user-attachments/assets/967ebf75-50e9-4664-9892-5a5bcb563ac7";
    />
    
    ### Any related issues, documentation, discussions?
    
    Closes #4879.
    
    ### How was this PR tested?
    
    Visual check (screenshots above); AboutComponent smoke spec passes.
    
    ### Was this PR authored or co-authored using generative AI tooling?
    
    Generated-by: Claude Code (claude-opus-4-7)
    
    ---------
    
    Co-authored-by: Claude Opus 4.7 (1M context) <nore...@anthropic.com>
---
 frontend/src/app/hub/component/about/about.component.scss            | 2 +-
 .../app/hub/component/about/local-login/local-login.component.scss   | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/hub/component/about/about.component.scss 
b/frontend/src/app/hub/component/about/about.component.scss
index 388345f439..05305cc527 100644
--- a/frontend/src/app/hub/component/about/about.component.scss
+++ b/frontend/src/app/hub/component/about/about.component.scss
@@ -62,7 +62,7 @@
 
 .login-container {
   position: absolute;
-  top: 140px;
+  top: 130px;
   right: 0;
   max-width: 350px;
   width: 100%;
diff --git 
a/frontend/src/app/hub/component/about/local-login/local-login.component.scss 
b/frontend/src/app/hub/component/about/local-login/local-login.component.scss
index dcf62d6ef5..74aacfba18 100644
--- 
a/frontend/src/app/hub/component/about/local-login/local-login.component.scss
+++ 
b/frontend/src/app/hub/component/about/local-login/local-login.component.scss
@@ -26,5 +26,8 @@
   border-radius: 5px;
   margin: 16px;
   padding: 20px;
-  height: 350px;
+
+  ::ng-deep nz-form-item {
+    margin-bottom: 12px;
+  }
 }