diff options
author | André Oliveira <37463445+SpecialAro@users.noreply.github.com> | 2022-07-12 17:59:43 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-07-12 16:59:43 +0000 |
commit | 6415f2746e38ebe5cb328c2af94413a4d4e5da07 (patch) | |
tree | 58cdabbcc7fe9c8ceec58780b73d2528210fdaff /src/styles | |
parent | 6.0.0-nightly.98 [skip ci] (diff) | |
download | ferdium-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.scss | 15 |
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; } |