From fed2efbb925ed51d9b3ef38091bd4f135142a6c5 Mon Sep 17 00:00:00 2001
From: Azri Kahar <42867097+azrikahar@users.noreply.github.com>
Date: Fri, 5 Nov 2021 01:48:35 +0800
Subject: [PATCH] fix docs homepage header responsiveness (#9450)

---
 docs/.vuepress/theme/layouts/Homepage.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/docs/.vuepress/theme/layouts/Homepage.vue b/docs/.vuepress/theme/layouts/Homepage.vue
index ecaf73d753..597c9f92ae 100644
--- a/docs/.vuepress/theme/layouts/Homepage.vue
+++ b/docs/.vuepress/theme/layouts/Homepage.vue
@@ -581,8 +581,15 @@ export default {
 }
 
 @media (max-width: 700px) {
+	.header .text {
+		top: 20px;
+		right: 20px;
+		bottom: 20px;
+		left: 20px;
+	}
+
 	.header .text h1 {
-		font-size: 42px;
+		font-size: clamp(30px, 7vw, 42px);
 	}
 
 	.panel {