diff options
author | André Oliveira <37463445+SpecialAro@users.noreply.github.com> | 2022-06-23 17:44:17 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-06-23 16:44:17 +0000 |
commit | 393c5c673acc8f674c9beb052754c0ff08453a2a (patch) | |
tree | 830c7f101e7d15f53881f8f10e122c887192ab89 /src/styles | |
parent | chore: servicesStore + models into typescript (#344) (diff) | |
download | ferdium-app-393c5c673acc8f674c9beb052754c0ff08453a2a.tar.gz ferdium-app-393c5c673acc8f674c9beb052754c0ff08453a2a.tar.zst ferdium-app-393c5c673acc8f674c9beb052754c0ff08453a2a.zip |
Change login screen layout (#345)
Diffstat (limited to 'src/styles')
-rw-r--r-- | src/styles/welcome.scss | 28 |
1 files changed, 21 insertions, 7 deletions
diff --git a/src/styles/welcome.scss b/src/styles/welcome.scss index 09d02d2eb..3ffc3f227 100644 --- a/src/styles/welcome.scss +++ b/src/styles/welcome.scss | |||
@@ -14,20 +14,27 @@ | |||
14 | } | 14 | } |
15 | 15 | ||
16 | &__text { | 16 | &__text { |
17 | border-left: 1px solid #fff; | ||
18 | margin-left: 40px; | ||
19 | padding-left: 40px; | ||
20 | |||
21 | h1 { | 17 | h1 { |
22 | font-size: 60px; | 18 | font-size: 60px; |
23 | letter-spacing: -0.4rem; | 19 | letter-spacing: -0.4rem; |
24 | margin-bottom: 5px; | 20 | margin-bottom: 5px; |
21 | color: rgb(255, 255, 255); | ||
22 | justify-content: center; | ||
23 | margin-top: 5%; | ||
24 | display: flex; | ||
25 | } | 25 | } |
26 | 26 | ||
27 | h2 { | 27 | h2 { |
28 | margin-bottom: 0; | 28 | margin-bottom: 0; |
29 | margin-left: 2px; | 29 | margin-left: 2px; |
30 | } | 30 | } |
31 | |||
32 | &__change-server { | ||
33 | display: flex; | ||
34 | margin: 10% auto auto auto; | ||
35 | justify-content: center; | ||
36 | color: #999; | ||
37 | } | ||
31 | } | 38 | } |
32 | 39 | ||
33 | &__services { | 40 | &__services { |
@@ -71,9 +78,16 @@ | |||
71 | 78 | ||
72 | &__change-server { | 79 | &__change-server { |
73 | display: flex; | 80 | display: flex; |
74 | width: 30%; | 81 | margin: 0 0 0 1%; |
75 | margin: 5% auto 5% auto; | 82 | color: #999; |
76 | justify-content: center; | 83 | text-decoration: underline; |
84 | } | ||
85 | |||
86 | &__change-server:hover { | ||
87 | display: flex; | ||
88 | margin: 0 0 0 1%; | ||
89 | color: rgb(20, 122, 255); | ||
90 | text-decoration: none; | ||
77 | } | 91 | } |
78 | } | 92 | } |
79 | 93 | ||