style: fix some styles in mobile view

Clarkkkk · Jul 30, 2024 · c5b5087 · c5b5087
1 parent e497e7e
commit c5b5087
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 15 deletions.
diff --git a/src/pages/Home/components/NewAlbums.vue b/src/pages/Home/components/NewAlbums.vue
@@ -71,7 +71,7 @@ onMounted(() => {
 <style lang="scss">
 #new-albums {
     @media (max-width: 640px) {
-        height: 1586px;
+        height: 1700px;
     }
     @media (max-width: 1024px) {
         .album {

diff --git a/src/pages/Home/components/NewSongs.vue b/src/pages/Home/components/NewSongs.vue
@@ -127,16 +127,8 @@ onMounted(() => {
 
 <style lang="scss">
 #new-songs {
-    @media (min-width: 768px) {
-        .list {
-            height: calc(100vh - 400px);
-        }
-    }
-
-    @media (max-width: 640px) {
-        .list {
-            min-height: 663px;
-        }
+    .list {
+        height: calc(100vh - 400px);
     }
 }
 </style>
diff --git a/src/pages/Home/components/RecommandSongs.vue b/src/pages/Home/components/RecommandSongs.vue
@@ -80,10 +80,8 @@ watch(
 
 <style lang="scss">
 #recommand-songs {
-    @media (min-width: 768px) {
-        .list {
-            height: calc(100vh - 400px);
-        }
+    .list {
+        height: calc(100vh - 400px);
     }
 
     .song-list::after {