aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/modal/welcome-modal.component.scss
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2021-04-14 16:39:37 +0200
committerChocobozzz <me@florianbigard.com>2021-04-14 16:39:37 +0200
commit266947e5efc7ff30b0020beb5a74e4d4fc696fa5 (patch)
tree66c2e0f463e373d971d290d9ff3b07b9528ebf27 /client/src/app/modal/welcome-modal.component.scss
parent251a82ffbb62c575d7aeb260dff22409dae39d73 (diff)
downloadPeerTube-266947e5efc7ff30b0020beb5a74e4d4fc696fa5.tar.gz
PeerTube-266947e5efc7ff30b0020beb5a74e4d4fc696fa5.tar.zst
PeerTube-266947e5efc7ff30b0020beb5a74e4d4fc696fa5.zip
Refactor modal buttons style
Diffstat (limited to 'client/src/app/modal/welcome-modal.component.scss')
-rw-r--r--client/src/app/modal/welcome-modal.component.scss53
1 files changed, 20 insertions, 33 deletions
diff --git a/client/src/app/modal/welcome-modal.component.scss b/client/src/app/modal/welcome-modal.component.scss
index a93dbcef9..28d5dc49c 100644
--- a/client/src/app/modal/welcome-modal.component.scss
+++ b/client/src/app/modal/welcome-modal.component.scss
@@ -47,43 +47,30 @@ li {
47 47
48.columns { 48.columns {
49 display: flex; 49 display: flex;
50}
50 51
51 .link-block { 52.link-block {
52 @include disable-default-a-behaviour; 53 @include disable-default-a-behaviour;
53
54 color: pvar(--mainForegroundColor);
55 padding: 10px;
56 transition: background-color 0.2s ease-in;
57 flex-basis: 33%;
58
59 &:hover {
60 background-color: rgba(0, 0, 0, 0.05);
61 }
62 54
63 .link-title { 55 color: pvar(--mainForegroundColor);
64 font-size: 16px; 56 padding: 10px;
65 font-weight: $font-semibold; 57 transition: background-color 0.2s ease-in;
66 display: flex; 58 flex-basis: 33%;
67 justify-content: center;
68 margin-bottom: 5px;
69 }
70 59
71 .link-title, 60 &:hover {
72 div { 61 background-color: rgba(0, 0, 0, 0.05);
73 text-align: center;
74 }
75 } 62 }
76}
77 63
78.configure-instance-button { 64 .link-title {
79 @include peertube-button; 65 font-size: 16px;
80 @include orange-button; 66 font-weight: $font-semibold;
81 @include disable-default-a-behaviour; 67 display: flex;
82 68 justify-content: center;
83 display: inline-block; 69 margin-bottom: 5px;
84} 70 }
85 71
86.action-button-understood { 72 .link-title,
87 @include peertube-button; 73 div {
88 @include grey-button; 74 text-align: center;
75 }
89} 76}