feat: 调整 App.vue 中组件的宽度设置，优化布局

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>

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">
+    <form @submit.prevent="onFormSubmit">
-    <Fieldset
-      legend="Form 1"
-      pt:content:class="flex flex-col gap-4 w-full sm:w-56"
-    >
 
       <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">