diff options
Diffstat (limited to 'src/styles/auth.scss')
-rw-r--r-- | src/styles/auth.scss | 59 |
1 files changed, 59 insertions, 0 deletions
diff --git a/src/styles/auth.scss b/src/styles/auth.scss index e60c4971c..53c03a40a 100644 --- a/src/styles/auth.scss +++ b/src/styles/auth.scss | |||
@@ -61,6 +61,12 @@ | |||
61 | width: 350px; | 61 | width: 350px; |
62 | 62 | ||
63 | &.auth__container--signup { width: 450px; } | 63 | &.auth__container--signup { width: 450px; } |
64 | |||
65 | &.auth__container--releasenotes { | ||
66 | width: 90%; | ||
67 | height: -webkit-fill-available; | ||
68 | max-height: 80%; | ||
69 | } | ||
64 | } | 70 | } |
65 | 71 | ||
66 | .auth__logo { | 72 | .auth__logo { |
@@ -92,6 +98,32 @@ | |||
92 | } | 98 | } |
93 | } | 99 | } |
94 | 100 | ||
101 | .releasenotes__body { | ||
102 | overflow-y: scroll; | ||
103 | |||
104 | &::-webkit-scrollbar { | ||
105 | width: 8px; | ||
106 | } | ||
107 | |||
108 | /* Track */ | ||
109 | &::-webkit-scrollbar-track { | ||
110 | background: none; | ||
111 | border-radius: 10px; | ||
112 | -webkit-border-radius: 10px; | ||
113 | } | ||
114 | |||
115 | /* Handle */ | ||
116 | &::-webkit-scrollbar-thumb { | ||
117 | background: $theme-gray-lighter; | ||
118 | border-radius: 10px; | ||
119 | -webkit-border-radius: 10px; | ||
120 | } | ||
121 | |||
122 | &::-webkit-scrollbar-thumb:window-inactive { | ||
123 | background: none; | ||
124 | } | ||
125 | } | ||
126 | |||
95 | .touchid__button { | 127 | .touchid__button { |
96 | margin-bottom: 25px; | 128 | margin-bottom: 25px; |
97 | } | 129 | } |
@@ -135,6 +167,7 @@ | |||
135 | padding-top: 2%; | 167 | padding-top: 2%; |
136 | padding-bottom: 2%; | 168 | padding-bottom: 2%; |
137 | justify-content: center; | 169 | justify-content: center; |
170 | height: fit-content; | ||
138 | } | 171 | } |
139 | 172 | ||
140 | .auth__adlk { | 173 | .auth__adlk { |
@@ -168,3 +201,29 @@ | |||
168 | text-align: center; | 201 | text-align: center; |
169 | } | 202 | } |
170 | } | 203 | } |
204 | |||
205 | .auth__main--releasenotes { | ||
206 | margin: 4% 2% 0% 4%; | ||
207 | display: flex; | ||
208 | flex-direction: column; | ||
209 | justify-content: center; | ||
210 | height: -webkit-fill-available; | ||
211 | } | ||
212 | |||
213 | .auth__header { | ||
214 | font-size: x-large; | ||
215 | display: inline-flex; | ||
216 | flex-direction: row; | ||
217 | align-content: center; | ||
218 | justify-content: center; | ||
219 | flex-wrap: wrap; | ||
220 | height: fit-content; | ||
221 | |||
222 | &-item__secondary { | ||
223 | padding-left: 5px | ||
224 | } | ||
225 | } | ||
226 | |||
227 | .auth__body { | ||
228 | margin-top: 2%; | ||
229 | } | ||