From dc740f8538bbaedfe9b11614b8ab8399ca53ccca Mon Sep 17 00:00:00 2001
From: LittleSheep <littlesheep.code@hotmail.com>
Date: Sat, 28 Sep 2024 00:36:41 +0800
Subject: [PATCH] :iphone: Fix docs page responsive

---
 pages/docs/[...slug].vue | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/pages/docs/[...slug].vue b/pages/docs/[...slug].vue
index e5a856a..ef26870 100644
--- a/pages/docs/[...slug].vue
+++ b/pages/docs/[...slug].vue
@@ -62,10 +62,20 @@ useSeoMeta({
   position: relative;
 }
 
-.docs-container {
-  display: flex;
-  flex-direction: row;
-  gap: 1rem;
+@media (min-width: 768px) {
+  .docs-container {
+    display: flex;
+    flex-direction: row;
+    gap: 1rem;
+  }
+}
+
+@media (max-width: 768px) {
+  .docs-container {
+    display: flex;
+    flex-direction: column-reverse;
+    gap: 1rem;
+  }
 }
 
 .docs-content {