argoproj#44 Redesign confirm setup page

wokeGit · Aug 30, 2017 · ea5327d · ea5327d
1 parent ec651f9
commit ea5327d
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 8 deletions.
diff --git a/saas/axops/src/ui/src/app/views/setup/email-confirmation/email-confirmation.html b/saas/axops/src/ui/src/app/views/setup/email-confirmation/email-confirmation.html
@@ -1,10 +1,23 @@
-<div class="login">
-    <div class="login__box">
-        <div class="login__logo login__logo--neg"></div>
-        <h4>Thanks for joining Argo!</h4>
-        <h6>Check your email and click the link to set up your new account.</h6>
-        <div class="login__more-row">
-            <a routerLink="/login">{{ 'Go to Login' | translate }}</a>
+<div class="setup">
+    <div class="setup__shortcut">
+        <div class="argo"></div>
+        <div class="logo"></div>
+    </div>
+
+    <div class="setup__box">
+        <div class="setup__header">
+            <h1>{{ 'Thanks for joining Argo!' | translate }}</h1>
+        </div>
+        <div class="setup__content setup__content--setup-confirm">
+            <p>
+                {{ 'Check your email and click the link to set up your new account.' | translate }}
+            </p>
+
+            <div class="setup__btn-center setup__btn-center--additional-top-margin">
+                <a axButtonWave class="ax-button ax-button--base setup__btn" routerLink="/login">
+                    {{ 'Go to Login' | translate }}
+                </a>
+            </div>
         </div>
     </div>
-</div>
+</div>
diff --git a/saas/axops/src/ui/src/app/views/setup/setup.scss b/saas/axops/src/ui/src/app/views/setup/setup.scss
@@ -90,6 +90,10 @@ $setup-box-content-shadow: 3px 3px 20px black;
             width: 500px;
         }
 
+        &--setup-confirm {
+            width: 540px;
+        }
+
         &--forgot-password-confirm, &--reset-password-confirm {
             width: 635px;
         }