IntenseWebs/PeerTube
3
0
Fork 0
mirror of https://github.com/Chocobozzz/PeerTube.git synced 2024-11-28 03:23:57 -06:00
Code Issues Packages Projects Releases Wiki Activity

Increase videos grid margins on desktop

Browse Source
This commit is contained in:
Chocobozzz 2021-04-01 17:17:41 +02:00
parent 559b3cccb7
commit 0a6785d115
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/sass/application.scss
View File

@ -342,11 +342,15 @@ ngx-loading-bar {
--horizontalMarginContent: #{$expanded-horizontal-margins / 2}; --horizontalMarginContent: #{$expanded-horizontal-margins / 2};
} }
--videosHorizontalMarginContent: #{pvar(--horizontalMarginContent)}; --videosHorizontalMarginContent: 30px;
} }
} }
@media screen and (max-width: #{breakpoint(lg)}) { @media screen and (max-width: #{breakpoint(lg)}) {
.main-col {
--videosHorizontalMarginContent: #{pvar(--horizontalMarginContent)};
}
/* the following applies from 500px to 900px and is partially overriden from 500px to 800px by changes below to $small-view */ /* the following applies from 500px to 900px and is partially overriden from 500px to 800px by changes below to $small-view */
.main-col, .main-col,
.main-col.expanded { .main-col.expanded {