diff --git a/frontend/projects/setup-wizard/src/app/pages/success/success.page.html b/frontend/projects/setup-wizard/src/app/pages/success/success.page.html index b52c51efa..6479fd07d 100644 --- a/frontend/projects/setup-wizard/src/app/pages/success/success.page.html +++ b/frontend/projects/setup-wizard/src/app/pages/success/success.page.html @@ -15,16 +15,14 @@ >

Setup Complete!

-
- -
-
-

Continue to login

- -
-
-
-
+ + Continue to Login + + @@ -63,24 +61,34 @@
-

Download

+

DOWNLOAD

+ -
-
-

Login to StartOS

- + + Trust your Root CA +

+ In the new tab, follow instructions to trust your + server's Root CA and log in. +

+
+ +
+
+

OPEN

+ +
-
+
diff --git a/frontend/projects/setup-wizard/src/app/pages/success/success.page.scss b/frontend/projects/setup-wizard/src/app/pages/success/success.page.scss index cec258241..1c3681057 100644 --- a/frontend/projects/setup-wizard/src/app/pages/success/success.page.scss +++ b/frontend/projects/setup-wizard/src/app/pages/success/success.page.scss @@ -21,6 +21,15 @@ ion-grid { height: 100%; } +.login-btn { + --background: var(--color-accent); + --border-radius: 44px; + --box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + --padding-start: 36px; + --padding-end: 36px; + height: 76px; +} + .grid-center-wrapper { height: 100%; width: 100%; @@ -105,34 +114,6 @@ ion-card { justify-content: center; align-items: center; } - - #exit { - background: var(--color-accent); - height: 100%; - - .container p { - font-size: 1.4rem !important; - font-weight: bold; - } - - ion-icon { - font-size: 1.7rem; - } - } - - #launch { - background: var(--alt-blue); - height: 100%; - - .container p { - font-size: 1.4rem !important; - font-weight: bold; - } - - ion-icon { - font-size: 1.7rem; - } - } #information:after { content: ''; @@ -143,6 +124,16 @@ ion-card { height: 100%; background: var(--color-accent); } + + #launch:after { + content: ''; + position: absolute; + left: 0; + top: 80%; + width: 100%; + height: 100%; + background: var(--alt-blue); + } } .card-container {