perf:mobile responsive

JX3BOX · Jan 11, 2024 · ba7d8cf · ba7d8cf
1 parent 889f31f
commit ba7d8cf
Show file tree

Hide file tree

Showing 15 changed files with 299 additions and 232 deletions.
diff --git a/src/assets/css/cj/index.less b/src/assets/css/cj/index.less
@@ -4,14 +4,7 @@
     .mt(5px);
     text-align: center;
 }
-.c-main {
-}
 @media screen and (max-width: @ipad) {
-    .c-sidebar-right-msg,
-    .c-github-repo {
-        margin-left: 0;
-        margin-right: 0;
-    }
     .m-rank,
     .m-group {
         padding-left: 5px;

diff --git a/src/assets/css/cj/right-side.less b/src/assets/css/cj/right-side.less
@@ -137,10 +137,6 @@
     }
 
     @media screen and (max-width: @ipad) {
-        .c-sidebar-right-msg {
-            .mt(0);
-        }
-
         .m-group {
             .none;
         }

diff --git a/src/assets/css/common/search.less b/src/assets/css/common/search.less
@@ -40,11 +40,23 @@
         }
     }
 
-    @search-btn-width: 80px;
-
     .u-search-btn {
-        .w(@search-btn-width);
+        // .w(@search-btn-width);
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
     }
 }
+@media screen and (max-width:@phone){
+    .m-search-bar {
+        .m-search{
+            .el-input-group__prepend{
+                .u-text{
+                    .none;
+                }
+            }
+            .el-input-group__append{
+                .none;
+            }
+        }
+    }
+}
diff --git a/src/assets/css/item/detail.less b/src/assets/css/item/detail.less
@@ -40,6 +40,9 @@
                     @media screen and (max-width: @ipad) {
                         .w(50%);
                     }
+                    @media screen and (max-width: @phone) {
+                        .w(100%);
+                    }
                 }
             }
         }
@@ -410,6 +413,9 @@
                 .none;
             }
         }
+        .m-name .m-buttons{
+            .none;
+        }
     }
 }
 

diff --git a/src/assets/css/item/plan-list.less b/src/assets/css/item/plan-list.less
@@ -3,8 +3,9 @@
 	.m-plan-title {
 		.x;
 		.fz(2em);
-		.bold;
-		padding: 0.67em 0;
+		// .bold;
+        .mb(20px);
+        font-weight: 300;
 	}
 
 	.m-plan-list {
@@ -71,3 +72,8 @@
 .m-archive-pages {
 	overflow-x: auto;
 }
+.p-plan_list{
+    .m-search-bar{
+        .none;
+    }
+}
diff --git a/src/assets/css/knowledge/index.less b/src/assets/css/knowledge/index.less
@@ -10,6 +10,7 @@
 
 		.u-more {
 			.underline(@color-link);
+            .fz(12px);
 		}
 	}
 }