feat: 调整 App.vue 中组件的宽度设置,优化布局
Some checks failed
/ test (push) Failing after 14s
/ surge (push) Successful in 47s

This commit is contained in:
严浩
2024-11-23 22:21:13 +08:00
parent b373f330de
commit a47d6a6a19
2 changed files with 9 additions and 9 deletions

View File

@ -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>

View File

@ -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">