aboutsummaryrefslogtreecommitdiffhomepage
path: root/client
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2021-04-01 17:17:41 +0200
committerChocobozzz <me@florianbigard.com>2021-04-01 17:17:41 +0200
commit0a6785d115b79eaafbd7944834fc8b3a7da089fd (patch)
treedc3925674bd9406802a4ed6d98de32a699091b67 /client
parent559b3cccb76ea34f9e534cd260e9e08c0b98aadd (diff)
downloadPeerTube-0a6785d115b79eaafbd7944834fc8b3a7da089fd.tar.gz
PeerTube-0a6785d115b79eaafbd7944834fc8b3a7da089fd.tar.zst
PeerTube-0a6785d115b79eaafbd7944834fc8b3a7da089fd.zip
Increase videos grid margins on desktop
Diffstat (limited to 'client')
-rw-r--r--client/src/sass/application.scss6
1 files changed, 5 insertions, 1 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 4964ec85e..c01938147 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -342,11 +342,15 @@ ngx-loading-bar {
342 --horizontalMarginContent: #{$expanded-horizontal-margins / 2}; 342 --horizontalMarginContent: #{$expanded-horizontal-margins / 2};
343 } 343 }
344 344
345 --videosHorizontalMarginContent: #{pvar(--horizontalMarginContent)}; 345 --videosHorizontalMarginContent: 30px;
346 } 346 }
347} 347}
348 348
349@media screen and (max-width: #{breakpoint(lg)}) { 349@media screen and (max-width: #{breakpoint(lg)}) {
350 .main-col {
351 --videosHorizontalMarginContent: #{pvar(--horizontalMarginContent)};
352 }
353
350 /* the following applies from 500px to 900px and is partially overriden from 500px to 800px by changes below to $small-view */ 354 /* the following applies from 500px to 900px and is partially overriden from 500px to 800px by changes below to $small-view */
351 .main-col, 355 .main-col,
352 .main-col.expanded { 356 .main-col.expanded {