From a47d6a6a1962c57819a487567a4adcadfc86a96b 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:21:13 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=B0=83=E6=95=B4=20App.vue=20?=
 =?UTF-8?q?=E4=B8=AD=E7=BB=84=E4=BB=B6=E7=9A=84=E5=AE=BD=E5=BA=A6=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE=EF=BC=8C=E4=BC=98=E5=8C=96=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                                     |  4 ++--
 src/all-custom-primevue/all-custom-primevue.vue | 14 +++++++-------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 63c106f..654354f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -10,10 +10,10 @@ import AllCustomPrimevue from './all-custom-primevue/all-custom-primevue.vue'
   <TutorialForm v-if="false" />
 
   <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">
+    <div class="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-full md:w-1/2 p-4 bg-white rounded-lg shadow-md dark:bg-gray-800 dark:text-white m-4">
+    <div class="md:w-1/2 p-4 bg-white rounded-lg shadow-md dark:bg-gray-800 dark:text-white m-4">
       <AllCustomPrimevue />
     </div>
   </div>
diff --git a/src/all-custom-primevue/all-custom-primevue.vue b/src/all-custom-primevue/all-custom-primevue.vue
index 2a26460..609b8b9 100644
--- a/src/all-custom-primevue/all-custom-primevue.vue
+++ b/src/all-custom-primevue/all-custom-primevue.vue
@@ -1,10 +1,10 @@
 <template>
+  <Fieldset
+    legend="Form 1"
+    pt:content:class="flex justify-center"
+  >
 
-  <form @submit.prevent="onFormSubmit">
-    <Fieldset
-      legend="Form 1"
-      pt:content:class="flex flex-col gap-4 w-full sm:w-56"
-    >
+    <form @submit.prevent="onFormSubmit">
 
       <div class="flex flex-col gap-1">
         <label for="username">Username</label>
@@ -62,8 +62,8 @@
         severity="secondary"
         label="Submit"
       />
-    </Fieldset>
-  </form>
+    </form>
+  </Fieldset>
 </template>
 
 <script setup lang="ts">