From 79ec95f45565339d31f8e61bbd6e8fad5343087f Mon Sep 17 00:00:00 2001
From: andatoshiki <101481353+andatoshiki@users.noreply.github.com>
Date: Thu, 2 Mar 2023 10:32:06 +0800
Subject: [PATCH] style(width): add styles for maximixing document width on
 mobile phones

---
 .github/dependabot.yml                   | 8 ++++----
 docs/.vitepress/theme/styles/custom.scss | 8 +++++++-
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/.github/dependabot.yml b/.github/dependabot.yml
index b80a8bad..074514d4 100644
--- a/.github/dependabot.yml
+++ b/.github/dependabot.yml
@@ -1,6 +1,6 @@
 version: 2
 updates:
-  - package-ecosystem: 'yarn'
-    directory: '/'
-    schedule:
-      interval: 'daily'
\ No newline at end of file
+    - package-ecosystem: 'yarn'
+      directory: '/'
+      schedule:
+          interval: 'daily'
diff --git a/docs/.vitepress/theme/styles/custom.scss b/docs/.vitepress/theme/styles/custom.scss
index b67996b1..1d78d657 100644
--- a/docs/.vitepress/theme/styles/custom.scss
+++ b/docs/.vitepress/theme/styles/custom.scss
@@ -134,4 +134,10 @@ img.VPImage.image-src {
 }
 // team member section styles end
 
-//
+// set maximum document width for better mobile viewing experience instead of letting text clustered altogether at a small width
+@media (min-width: 1440px) {
+    .VPDoc.has-aside .content-container.content-container {
+        max-width: 100%;
+    }
+}
+// maximum document width style ends