docs: homepage adapt mobile screen (#12843)

* fix: remove image height * fix(docs): image max-width * docs: homepage adapt mobile screen
umijs · Dec 12, 2024 · 9d1098a · 9d1098a
1 parent a59824a
commit 9d1098a
Showing 1 changed file with 69 additions and 1 deletion.
diff --git a/docs/.dumi/components/Hero/index.less b/docs/.dumi/components/Hero/index.less
@@ -1,5 +1,5 @@
 .hero {
-  height: 640px;
+  min-height: 640px;
   position: relative;
 
   :global {
@@ -122,3 +122,71 @@
     }
   }
 }
+
+@media (max-width: 768px){
+  .hero{
+    :global{
+      .bg{
+        height: 100%;
+        background-repeat: repeat;
+      }
+      .wrapper{
+        flex-wrap: wrap;
+        justify-content: center;
+        padding-bottom: 40px;
+        .left{
+          padding-top: 40px;
+          padding-left: 0;
+          .bigLogo{
+            margin: 0 auto;
+            width: 300px;
+            height: 139px;
+            background-size: 100% auto;
+          }
+          .actions{
+            margin-top: 40px;
+            flex-wrap:wrap;
+            justify-content: center;
+            .button{
+              margin-left: 0;
+              width: 120px;
+              height: 40px;
+              line-height: 40px;
+              font-size: 16px;
+            }
+            .githubStar{
+              font-size: 12px;
+              line-height: 40px;
+              &::before{
+                height: 40px;
+              }
+            }
+          }
+        }
+        .right{
+          padding-top: 40px;
+          margin-right: 0;
+          .bigSlogan1{
+            width: 200px;
+            height: 65px;
+            background-size: 100% auto;
+          }
+          .bigSlogan2{
+            width: 300px;
+            height: 49px;
+            background-size: 100% auto;
+          }
+          .slogan{
+            font-size: 20px;
+            width: auto;
+          }
+          .bow{
+            width: 330px;
+            height: 168px;
+            background-size: 100% auto;
+          }
+        }
+      }
+    }
+  }
+}