fix: adapt to the head (#113)

* fix: adapt to the head

* fix: modify the comments

Author: James-9696

packages/common/src/components/responsive.less

@@ -444,7 +444,7 @@
   }
 }
 
-@media screen and (max-width: 1475px) {
+@media screen and (max-width: 1400px) {
   .opentiny-design-header {
       display: grid;
       grid-template-columns: 1fr auto;  // 两列：左侧内容 + 右侧nav-right
@@ -627,14 +627,18 @@
   }
 }
 
-@media (min-width: 1476px) and (max-width: 1576px) {
+@media (min-width: 1400px) and (max-width: 1576px) {
+
   .opentiny-design-header {
     // 右侧导航
     .nav-right {
       .dropdown-menu {
         .dropdown-content-title {
           margin-left: 243px;
         }
+        .dropdown-content .dropdown-app {
+          width: 216px;
+        }
       }
     }
   }
@@ -677,6 +681,29 @@
   }
 }
 
+@media (min-width: 1401px) and (max-width: 1475px) {
+  .opentiny-design-header {
+    // 左侧导航
+    .nav-left {
+      margin-right: 48px;
+    }
+
+    // 中间导航
+    .nav-center {
+      .top-menu {
+        margin-right: 20px;
+      }
+    }
+
+    // 右侧导航
+    .nav-right {
+      .mg-r {
+        margin-right: 20px;
+      }
+    }
+  }
+}
+
 @media (min-width: 905px) and (max-width: 1045px) {
   .opentiny-design-header {
     // 右侧导航

packages/home/src/index.less

@@ -98,7 +98,7 @@ body {
   }
 }
 
-@media (min-width: 815px) and (max-width: 1476px) {
+@media (min-width: 815px) and (max-width: 1400px) {
   #app {
     margin-top: 67px;
     height: calc(100% - 67px);