From c5b50871ca7a9c8af8ae8116b873036ed0331370 Mon Sep 17 00:00:00 2001
From: Aaron_Zhou <clark1729@outlook.com>
Date: Tue, 30 Jul 2024 21:31:28 +0800
Subject: [PATCH] style: fix some styles in mobile view

---
 src/pages/Home/components/NewAlbums.vue      |  2 +-
 src/pages/Home/components/NewSongs.vue       | 12 ++----------
 src/pages/Home/components/RecommandSongs.vue |  6 ++----
 3 files changed, 5 insertions(+), 15 deletions(-)

diff --git a/src/pages/Home/components/NewAlbums.vue b/src/pages/Home/components/NewAlbums.vue
index 68429d3..ca61c8d 100644
--- 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
index ea743d4..ba9abbf 100644
--- 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
index 4ea4262..853922a 100644
--- 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 {