From b373f330de4ed09ec6fca2092b4f1e3903af6ff6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?=
 <37316281+yanhao98@users.noreply.github.com>
Date: Sat, 23 Nov 2024 22:04:49 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=20App.vue=20?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=EF=BC=8C=E8=B0=83=E6=95=B4=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E6=8E=92=E5=88=97=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 8b83eaa..63c106f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -9,14 +9,12 @@ import AllCustomPrimevue from './all-custom-primevue/all-custom-primevue.vue'
   <ZodForm v-if="false" />
   <TutorialForm v-if="false" />
 
-  <div class="flex items-start">
-    <div class="w-1/2 p-4 bg-white rounded-lg shadow-md dark:bg-gray-800 dark:text-white m-4 ">
+  <div class="flex flex-col md:flex-row items-start">
+    <div class="w-full md:w-1/2 p-4 bg-white rounded-lg shadow-md dark:bg-gray-800 dark:text-white m-4">
       <AllCustom />
     </div>
-
-    <div class="w-1/2 p-4 bg-white rounded-lg shadow-md dark:bg-gray-800 dark:text-white m-4 ">
-      <AllCustomPrimevue class="w-1/2" />
+    <div class="w-full md:w-1/2 p-4 bg-white rounded-lg shadow-md dark:bg-gray-800 dark:text-white m-4">
+      <AllCustomPrimevue />
     </div>
-
   </div>
 </template>