Better homepage spacing
This commit is contained in:
parent
d7c48ff5f8
commit
1fc09ceb6a
|
@ -3,6 +3,7 @@ peertube-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
gap: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .layout-column {
|
> .layout-column {
|
||||||
|
@ -10,7 +11,7 @@ peertube-container {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .header {
|
.header {
|
||||||
margin: 30px 0 15px;
|
margin: 30px 0 15px;
|
||||||
|
|
||||||
> h4 {
|
> h4 {
|
||||||
|
@ -19,8 +20,11 @@ peertube-container {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
peertube-video-miniature,
|
// Workaround to detect iOS that doesn't support gap in flexbox
|
||||||
peertube-playlist-miniature,
|
@supports not (inset: 0) {
|
||||||
peertube-channel-miniature {
|
peertube-video-miniature,
|
||||||
margin-inline-end: 30px;
|
peertube-playlist-miniature,
|
||||||
|
peertube-channel-miniature {
|
||||||
|
margin-inline-end: 2rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue