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