diff options
author | Chocobozzz <me@florianbigard.com> | 2022-06-14 13:54:54 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2022-06-15 13:31:53 +0200 |
commit | 6f03f944c34f78b38a68128413b55186e0676949 (patch) | |
tree | 81a0c79184cb5ac800c31f1d5334471ee506ac19 /client/src/app/+signup/shared/signup-success.component.scss | |
parent | 936ce6e5635f3a52acbc799e1fcba9a948a7e390 (diff) | |
download | PeerTube-6f03f944c34f78b38a68128413b55186e0676949.tar.gz PeerTube-6f03f944c34f78b38a68128413b55186e0676949.tar.zst PeerTube-6f03f944c34f78b38a68128413b55186e0676949.zip |
Redesign register steps
Diffstat (limited to 'client/src/app/+signup/shared/signup-success.component.scss')
-rw-r--r-- | client/src/app/+signup/shared/signup-success.component.scss | 54 |
1 files changed, 3 insertions, 51 deletions
diff --git a/client/src/app/+signup/shared/signup-success.component.scss b/client/src/app/+signup/shared/signup-success.component.scss index b302366e2..918349ba0 100644 --- a/client/src/app/+signup/shared/signup-success.component.scss +++ b/client/src/app/+signup/shared/signup-success.component.scss | |||
@@ -1,54 +1,6 @@ | |||
1 | svg { | ||
2 | width: 100px; | ||
3 | display: block; | ||
4 | margin: 40px auto 0; | ||
5 | } | ||
6 | |||
7 | .path { | ||
8 | stroke-dasharray: 1000; | ||
9 | stroke-dashoffset: 0; | ||
10 | |||
11 | &.circle { | ||
12 | animation: dash .9s ease-in-out; | ||
13 | } | ||
14 | |||
15 | &.line { | ||
16 | stroke-dashoffset: 1000; | ||
17 | animation: dash .9s .35s ease-in-out forwards; | ||
18 | } | ||
19 | |||
20 | &.check { | ||
21 | stroke-dashoffset: -100; | ||
22 | animation: dash-check .9s .35s ease-in-out forwards; | ||
23 | } | ||
24 | } | ||
25 | |||
26 | .bottom-message { | ||
27 | text-align: center; | ||
28 | margin: 20px 0 60px; | ||
29 | font-size: 1.25em; | ||
30 | color: #73AF55; | ||
31 | } | ||
32 | |||
33 | .alert { | 1 | .alert { |
34 | font-size: 15px; | 2 | font-size: 18px; |
3 | max-width: 900px; | ||
35 | text-align: center; | 4 | text-align: center; |
36 | } | 5 | margin: auto; |
37 | |||
38 | @keyframes dash { | ||
39 | 0% { | ||
40 | stroke-dashoffset: 1000; | ||
41 | } | ||
42 | 100% { | ||
43 | stroke-dashoffset: 0; | ||
44 | } | ||
45 | } | ||
46 | |||
47 | @keyframes dash-check { | ||
48 | 0% { | ||
49 | stroke-dashoffset: -100; | ||
50 | } | ||
51 | 100% { | ||
52 | stroke-dashoffset: 900; | ||
53 | } | ||
54 | } | 6 | } |