Merge pull request #35 from LKKTGB/mobile_view_for_detail_page

Mobile view for detail page
LKKTGB · Sep 20, 2021 · 1326bee · 1326bee
2 parents b4cc0a5 + 6ccc736
commit 1326bee
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/thiamsu/static/thiamsu/css/main.css b/thiamsu/static/thiamsu/css/main.css
@@ -905,11 +905,16 @@
     margin: 0;
     padding: 20px 30px 10px;
 
-    max-height: 440px;
-    overflow-y: scroll;
     overflow-x: hidden;
 }
 
+@media (min-width: 992px) {
+    .lyric {
+        max-height: 440px;
+        overflow-y: scroll;
+    }
+}
+
 /* Gradient Mask */
 /*
 .lyric:before {

diff --git a/thiamsu/templates/thiamsu/song_detail.html b/thiamsu/templates/thiamsu/song_detail.html
@@ -6,7 +6,7 @@
 {% block content %}
     <div class="row song-detail">
 
-        <div class="left-panel">
+        <div class="col-12 col-lg-5">
             <div class="song-actions toolbar">
                 {% if user.is_authenticated %}
                     {% if is_favorite_song %}
@@ -38,7 +38,7 @@
             {% include 'thiamsu/_player_with_info.html' %}
         </div>
 
-        <div class="right-panel">
+        <div class="col-12 col-lg-7">
             <div class="contribution toolbar">
                 <div class="contributors">
                     <p>全漢編修人： {{ contributors.hanzi }}</p>