style: book

JX3BOX · Dec 19, 2023 · a0bb647 · a0bb647
1 parent 2104bae
commit a0bb647
Showing 1 changed file with 13 additions and 32 deletions.
diff --git a/src/assets/css/book/single.less b/src/assets/css/book/single.less
@@ -2,7 +2,7 @@
 
 .book-single-wrapper {
     .book-single-content {
-        .pt(20px);
+        .pt(40px);
         .book-header {
             margin-bottom: 20px;
             h2,
@@ -304,7 +304,6 @@
             }
             .book-list-content {
                 display: flex;
-                flex-wrap: wrap;
                 margin-top: 20px;
                 gap: 20px;
                 overflow: auto;
@@ -348,37 +347,19 @@
     color: #fba524;
 }
 
-@media screen and (max-width: @ipad) {
-    .back-wrap {
-        margin-left: -40px;
-        padding-left: 40px !important;
-        width: 100% !important;
-    }
-    .book-single-wrapper .book-single-content .book-detail-wrapper {
-        flex-direction: column;
-        .book-info {
-            .w(100%);
-        }
-    }
-    .book-single-wrapper .book-single-content .m-book-list .book-list-content {
-        flex-wrap: nowrap;
-    }
-    .book-list-wrapper {
-        .scrollbar(2px);
-        overflow-x: auto;
-
-        .book-list-content {
-            .m-book-card {
-                display: flex;
-                flex-direction: column;
-                justify-content: center;
-                align-items: center;
-            }
-        }
-    }
-}
 @media screen and (max-width: @phone) {
     .book-single-wrapper .book-single-content {
-        .pt(64px);
+        .book-detail-wrapper {
+            flex-direction: column; 
+            .book-info {
+                .w(100%);
+            }
+        }
+        .m-book-list .u-title {
+            flex-direction: column;
+            justify-content: flex-start;
+            align-items: flex-start;
+            gap: 10px;
+        }
     }
 }