Move admin stuff in +admin

[github/Chocobozzz/PeerTube.git] / client / src / app / +video-channels / video-channel-playlists / video-channel-playlists.component.scss

diff --git a/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.scss b/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.scss
index fe9104794dc8627c049fefaee321279d369a5842..588efd062f5021544a511d5114bf0dddd0a70d59 100644 (file)
--- a/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.scss
+++ b/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.scss
@@ -1,9 +1,32 @@
-.video-playlist {
+@use '_variables' as *;
+@use '_mixins' as *;
+@use '_miniature' as *;
+
+.playlists {
   display: flex;
+  flex-wrap: wrap;
   justify-content: center;
 
-  my-video-playlist-miniature {
-    margin-right: 15px;
-    margin-bottom: 30px;
+  .playlist-wrapper {
+    @include margin-right(15px);
+    padding-bottom: 15px;
+  }
+}
+
+.margin-content {
+  @include grid-videos-miniature-layout-with-margins;
+}
+
+@media screen and (max-width: $mobile-view) {
+  .title-page {
+    display: block;
+    text-align: center;
+  }
+
+  .playlists {
+    @include margin-left(pvar(--horizontalMarginContent) !important);
+    @include margin-right(pvar(--horizontalMarginContent) !important);
+
+    justify-content: left;
   }
 }