aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles
diff options
context:
space:
mode:
authorLibravatar André Oliveira <37463445+SpecialAro@users.noreply.github.com>2022-07-12 17:59:43 +0100
committerLibravatar GitHub <noreply@github.com>2022-07-12 16:59:43 +0000
commit6415f2746e38ebe5cb328c2af94413a4d4e5da07 (patch)
tree58cdabbcc7fe9c8ceec58780b73d2528210fdaff /src/styles
parent6.0.0-nightly.98 [skip ci] (diff)
downloadferdium-app-6415f2746e38ebe5cb328c2af94413a4d4e5da07.tar.gz
ferdium-app-6415f2746e38ebe5cb328c2af94413a4d4e5da07.tar.zst
ferdium-app-6415f2746e38ebe5cb328c2af94413a4d4e5da07.zip
Refactor the 'Welcome' screen and the 'SetupAssistant' for better UX (#472)
* Change auth styling and add back button * Add Skip button on 'SetupAssistant'
Diffstat (limited to 'src/styles')
-rw-r--r--src/styles/auth.scss15
1 files changed, 10 insertions, 5 deletions
diff --git a/src/styles/auth.scss b/src/styles/auth.scss
index 33e3a4a78..e60c4971c 100644
--- a/src/styles/auth.scss
+++ b/src/styles/auth.scss
@@ -49,6 +49,7 @@
49 display: flex; 49 display: flex;
50 align-items: center; 50 align-items: center;
51 justify-content: center; 51 justify-content: center;
52 overflow: auto;
52 } 53 }
53 54
54 .auth__container { 55 .auth__container {
@@ -85,7 +86,10 @@
85 .auth__button { 86 .auth__button {
86 width: 100%; 87 width: 100%;
87 88
88 &.auth__button--skip { margin: 10px auto 0; } 89 &.auth__button--skip {
90 margin: 10px auto 0;
91 width: 20%;
92 }
89 } 93 }
90 94
91 .touchid__button { 95 .touchid__button {
@@ -127,7 +131,10 @@
127 } 131 }
128 132
129 .auth__help { 133 .auth__help {
130 padding: 5% 2%; 134 display: flex;
135 padding-top: 2%;
136 padding-bottom: 2%;
137 justify-content: center;
131 } 138 }
132 139
133 .auth__adlk { 140 .auth__adlk {
@@ -143,10 +150,8 @@
143 .info-bar { position: absolute; } 150 .info-bar { position: absolute; }
144 151
145 &__scroll-container { 152 &__scroll-container {
146 max-height: 100vh;
147 padding: 80px 0;
148 overflow: auto;
149 width: 100%; 153 width: 100%;
154 height: fit-content;
150 } 155 }
151 156
152 .available-services { margin-bottom: 15px; } 157 .available-services { margin-bottom: 15px; }