feat: flexible multiline status message

metakgp · Jun 29, 2024 · 738ff82 · 738ff82
1 parent 9efa665
commit 738ff82
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 9 deletions.
diff --git a/frontend/src/pages/Register.tsx b/frontend/src/pages/Register.tsx
@@ -17,7 +17,7 @@ export const Register: Component = () => {
     onMount(() => {
         if (!PROD) {
             setTimeout(() => {
-                setMsg("This is a dummy message for development alksdfjalksdfjalskdjflaksjfdlaksjdflkasjfda");
+                setMsg("This is a dummy message for development");
             }, 3000);
         }
         fetch(BACKEND_URL + "/register", {
@@ -112,8 +112,6 @@ export const Register: Component = () => {
                             <img src={check} />
                         )}
                     </div>
-                </div>
-                <div class="reg-status">
                     <div class="reg-status-title">{getStatus()}</div>
                     <div class="reg-status-text">{`${getMsg()}`}</div>
                 </div>

diff --git a/frontend/src/styles/register.scss b/frontend/src/styles/register.scss
@@ -38,7 +38,7 @@ $medium: 1024px;
             }
 
             .reg-status-svg{
-                margin-top: 4rem;
+                margin-top: 2rem;
                 display: flex;
                 justify-content: center;
                 align-items: center;
@@ -49,16 +49,14 @@ $medium: 1024px;
                 }
             }
 
-        }
-
-        .reg-status{
             .reg-status-title{
+                margin-top: 1rem;
                 font-size: 1.5rem;
                 font-weight: 600;
             }
 
             .reg-status-text{
-                margin-top: 0.2rem;
+                margin-top: -0.3rem;
                 display: flex;
                 justify-content: center;
                 align-items: end;
@@ -68,8 +66,8 @@ $medium: 1024px;
             }
         }
 
+
         .reg-footer{
-            margin-top: 1.5rem;
             font-size: 1.25rem;
             font-weight: 600;
             a{