Optimize layout

xiaozhu188 · Nov 30, 2019 · 52f7785 · 52f7785
1 parent 6c7f8af
commit 52f7785
Show file tree

Hide file tree

Showing 12 changed files with 13 additions and 13 deletions.
diff --git a/src/renderer/views/Album/components/newalbum.vue b/src/renderer/views/Album/components/newalbum.vue
@@ -52,7 +52,7 @@ export default {
 <style lang="less" scoped>
 .albums {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(141px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(141px, 1fr));
   grid-gap: 20px;
   padding: 20px 0;
 }

diff --git a/src/renderer/views/Artist/_id/album.vue b/src/renderer/views/Artist/_id/album.vue
@@ -58,7 +58,7 @@ export default {
 <style lang="less" scoped>
 .albums {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(141px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(141px, 1fr));
   grid-gap: 15px;
   padding: 15px;
 }

diff --git a/src/renderer/views/Artist/_id/mv.vue b/src/renderer/views/Artist/_id/mv.vue
@@ -68,7 +68,7 @@ export default {
 <style lang="less" scoped>
 .mvs {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(16%, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(16%, 1fr));
   grid-gap: 15px;
   padding: 15px;
 }

diff --git a/src/renderer/views/Artist/_id/simi.vue b/src/renderer/views/Artist/_id/simi.vue
@@ -38,7 +38,7 @@ export default {
 <style lang="less" scoped>
 .simi {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
   grid-gap: 15px;
   padding: 15px;
 }

diff --git a/src/renderer/views/Artist/index.vue b/src/renderer/views/Artist/index.vue
@@ -279,7 +279,7 @@ export default {
 .page-artist {
   .artists {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(15%,1fr));
+    grid-template-columns: repeat(auto-fill, minmax(15%,1fr));
     grid-gap: 15px;
     padding: 15px 0;
     a {

diff --git a/src/renderer/views/Playlist/_id/subscriber.vue b/src/renderer/views/Playlist/_id/subscriber.vue
@@ -46,7 +46,7 @@ export default {
   page-break-after: 20px;
   .items {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(55px, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(55px, 1fr));
     padding: 30px;
     grid-gap: 40px;
     a {

diff --git a/src/renderer/views/Playlist/index.vue b/src/renderer/views/Playlist/index.vue
@@ -170,7 +170,7 @@ export default {
   @gutter: 12px;
   .playlists {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
     grid-gap: 20px;
     padding: 20px 0;
   }

diff --git a/src/renderer/views/Rank/index.vue b/src/renderer/views/Rank/index.vue
@@ -181,7 +181,7 @@ export default {
   }
   .first-four {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
     grid-gap: 2%;
     .list {
       border: 1px solid #e8e8e8;

diff --git a/src/renderer/views/Search/components/video.vue b/src/renderer/views/Search/components/video.vue
@@ -40,7 +40,7 @@ export default {
 <style lang="less" scoped>
 .videos {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
   padding: 15px 20px;
   grid-gap: 20px;
 }

diff --git a/src/renderer/views/User/Collect/components/Video.vue b/src/renderer/views/User/Collect/components/Video.vue
@@ -49,11 +49,11 @@ export default {
 <style lang="less" scoped>
 .videos {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
   grid-gap: 15px;
   padding: 15px 0;
   &.videos-hack {
-    grid-template-columns: repeat(auto-fit, minmax(245px, 245px));
+    grid-template-columns: repeat(auto-fill, minmax(245px, 245px));
   }
 }
 </style>
diff --git a/src/renderer/views/Video/index.vue b/src/renderer/views/Video/index.vue
@@ -134,7 +134,7 @@ export default {
   min-height: 100vh;
   .videos {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
     grid-gap: 15px;
     padding: 15px 0;
     .video {

diff --git a/src/renderer/views/Video/mv.vue b/src/renderer/views/Video/mv.vue
@@ -164,7 +164,7 @@ export default {
 <style lang="less" scoped>
 .mvs {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
   grid-gap: 15px;
   padding: 15px 0;
 }