examples/vue-formkit-example
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

4
src/App.vue
View File

@ -10,10 +10,10 @@ import AllCustomPrimevue from './all-custom-primevue/all-custom-primevue.vue'
<TutorialForm v-if="false" /> <TutorialForm v-if="false" />
<div class="flex flex-col md:flex-row items-start"> <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 /> <AllCustom />
</div> </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 /> <AllCustomPrimevue />
</div> </div>
</div> </div>

14
src/all-custom-primevue/all-custom-primevue.vue
View File

@ -1,10 +1,10 @@
<template> <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"> <div class="flex flex-col gap-1">
<label for="username">Username</label> <label for="username">Username</label>
@ -62,8 +62,8 @@
severity="secondary" severity="secondary"
label="Submit" label="Submit"
/> />
</Fieldset> </form>
</form> </Fieldset>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">