projects
/
oweals
/
peertube.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
allow limiting video-comments rss feeds to an account or video channel
[oweals/peertube.git]
/
client
/
src
/
app
/
modal
/
welcome-modal.component.scss
diff --git
a/client/src/app/modal/welcome-modal.component.scss
b/client/src/app/modal/welcome-modal.component.scss
index 8bb6973f4530660c809efa0f39fa55b961e68068..a93dbcef9538464e18ab677789c4e0d91e4460be 100644
(file)
--- a/
client/src/app/modal/welcome-modal.component.scss
+++ b/
client/src/app/modal/welcome-modal.component.scss
@@
-5,19
+5,33
@@
font-size: 15px;
}
font-size: 15px;
}
+.two-columns {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-top: 50px;
+}
+
+.mascot-fw {
+ width: 170px;
+}
+
+.mascot {
+ display: block;
+ min-width: 170px;
+ margin-right: 2rem;
+}
+
.subtitle {
font-weight: $font-semibold;
margin-bottom: 10px;
font-size: 16px;
}
.subtitle {
font-weight: $font-semibold;
margin-bottom: 10px;
font-size: 16px;
}
-.block-documentation .subtitle {
- margin-bottom: 20px;
-}
-
-.block-configuration,
-.block-instance {
- margin-top: 30px;
+.block-documentation {
+ .subtitle {
+ margin-bottom: 20px;
+ }
}
li {
}
li {
@@
-37,9
+51,10
@@
li {
.link-block {
@include disable-default-a-behaviour;
.link-block {
@include disable-default-a-behaviour;
- color: var(--mainForegroundColor);
+ color:
p
var(--mainForegroundColor);
padding: 10px;
transition: background-color 0.2s ease-in;
padding: 10px;
transition: background-color 0.2s ease-in;
+ flex-basis: 33%;
&:hover {
background-color: rgba(0, 0, 0, 0.05);
&:hover {
background-color: rgba(0, 0, 0, 0.05);
@@
-52,5
+67,23
@@
li {
justify-content: center;
margin-bottom: 5px;
}
justify-content: center;
margin-bottom: 5px;
}
+
+ .link-title,
+ div {
+ text-align: center;
+ }
}
}
}
}
+
+.configure-instance-button {
+ @include peertube-button;
+ @include orange-button;
+ @include disable-default-a-behaviour;
+
+ display: inline-block;
+}
+
+.action-button-understood {
+ @include peertube-button;
+ @include grey-button;
+}