From 973035de97b23dc1985b8aa52a3ff9d2e716d461 Mon Sep 17 00:00:00 2001 From: imfenghuang <20472384+imfenghuang@users.noreply.github.com> Date: Mon, 9 Dec 2024 18:38:32 +0800 Subject: [PATCH 1/3] fix: remove image height --- docs/.dumi/components/Contributing/index.tsx | 1 - 1 file changed, 1 deletion(-) diff --git a/docs/.dumi/components/Contributing/index.tsx b/docs/.dumi/components/Contributing/index.tsx index 00f8cff895da..1bdca3fdc9cc 100644 --- a/docs/.dumi/components/Contributing/index.tsx +++ b/docs/.dumi/components/Contributing/index.tsx @@ -16,7 +16,6 @@ export const Contributing = () => { From 1a30aa39afcea318a7f58c166c9034aafb5a6de6 Mon Sep 17 00:00:00 2001 From: imfenghuang <20472384+imfenghuang@users.noreply.github.com> Date: Mon, 9 Dec 2024 18:52:27 +0800 Subject: [PATCH 2/3] fix(docs): image max-width --- docs/.dumi/components/Contributing/index.less | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/docs/.dumi/components/Contributing/index.less b/docs/.dumi/components/Contributing/index.less index e777d1ef628b..814c5625efc0 100644 --- a/docs/.dumi/components/Contributing/index.less +++ b/docs/.dumi/components/Contributing/index.less @@ -13,5 +13,9 @@ color: #0273dc; text-decoration: none; } + + img { + max-width: 100%; + } } } From 96f6689d4279ae0afdbbc0169d997717534f4059 Mon Sep 17 00:00:00 2001 From: imfenghuang <20472384+imfenghuang@users.noreply.github.com> Date: Wed, 11 Dec 2024 21:22:57 +0800 Subject: [PATCH 3/3] docs: homepage adapt mobile screen --- docs/.dumi/components/Hero/index.less | 70 ++++++++++++++++++++++++++- 1 file changed, 69 insertions(+), 1 deletion(-) diff --git a/docs/.dumi/components/Hero/index.less b/docs/.dumi/components/Hero/index.less index ee58335c5fca..106cbe170de1 100644 --- 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; + } + } + } + } + } +}