style: 统一表单样式

apps/core-ant-design-vue/src/components/AppAccountForm/edit-password.vue

@@ -61,7 +61,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -75,7 +75,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -89,7 +89,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>

apps/core-ant-design-vue/src/components/AppAccountForm/login.vue

@@ -90,7 +90,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -104,7 +104,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>

apps/core-ant-design-vue/src/components/AppAccountForm/register.vue

@@ -63,7 +63,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -76,11 +76,11 @@ const onSubmit = form.handleSubmit((values) => {
               </template>
             </FaInput>
           </FormControl>
-          <FormDescription>
+          <FormDescription class="m-0">
             <FaPasswordStrength :password="value" />
           </FormDescription>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -94,7 +94,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>

apps/core-ant-design-vue/src/components/AppAccountForm/reset-password.vue

@@ -70,7 +70,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -81,7 +81,7 @@ function handleSendCaptcha() {
               <FaInputOTP :model-value="value" :name="componentField.name" :length="6" class="border-destructive" @update:model-value="val => setValue(val)" />
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -99,7 +99,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>

apps/core-antdv-next/src/components/AppAccountForm/edit-password.vue

@@ -61,7 +61,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -75,7 +75,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -89,7 +89,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>

apps/core-antdv-next/src/components/AppAccountForm/login.vue

@@ -90,7 +90,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -104,7 +104,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>

apps/core-antdv-next/src/components/AppAccountForm/register.vue

@@ -63,7 +63,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -76,11 +76,11 @@ const onSubmit = form.handleSubmit((values) => {
               </template>
             </FaInput>
           </FormControl>
-          <FormDescription>
+          <FormDescription class="m-0">
             <FaPasswordStrength :password="value" />
           </FormDescription>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -94,7 +94,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>

apps/core-antdv-next/src/components/AppAccountForm/reset-password.vue

@@ -70,7 +70,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -81,7 +81,7 @@ function handleSendCaptcha() {
               <FaInputOTP :model-value="value" :name="componentField.name" :length="6" class="border-destructive" @update:model-value="val => setValue(val)" />
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -99,7 +99,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>

apps/core-arco-design-vue/src/components/AppAccountForm/edit-password.vue

@@ -61,7 +61,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -75,7 +75,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -89,7 +89,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>

apps/core-arco-design-vue/src/components/AppAccountForm/login.vue

@@ -90,7 +90,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -104,7 +104,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>

apps/core-arco-design-vue/src/components/AppAccountForm/register.vue

@@ -63,7 +63,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -76,11 +76,11 @@ const onSubmit = form.handleSubmit((values) => {
               </template>
             </FaInput>
           </FormControl>
-          <FormDescription>
+          <FormDescription class="m-0">
             <FaPasswordStrength :password="value" />
           </FormDescription>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -94,7 +94,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>

apps/core-arco-design-vue/src/components/AppAccountForm/reset-password.vue

@@ -70,7 +70,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -81,7 +81,7 @@ function handleSendCaptcha() {
               <FaInputOTP :model-value="value" :name="componentField.name" :length="6" class="border-destructive" @update:model-value="val => setValue(val)" />
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -99,7 +99,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>

apps/core-naive-ui/src/components/AppAccountForm/edit-password.vue

@@ -61,7 +61,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -75,7 +75,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -89,7 +89,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>

apps/core-naive-ui/src/components/AppAccountForm/login.vue

@@ -90,7 +90,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -104,7 +104,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>

apps/core-naive-ui/src/components/AppAccountForm/register.vue

@@ -63,7 +63,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -76,11 +76,11 @@ const onSubmit = form.handleSubmit((values) => {
               </template>
             </FaInput>
           </FormControl>
-          <FormDescription>
+          <FormDescription class="m-0">
             <FaPasswordStrength :password="value" />
           </FormDescription>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -94,7 +94,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>

apps/core-naive-ui/src/components/AppAccountForm/reset-password.vue

@@ -70,7 +70,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -81,7 +81,7 @@ function handleSendCaptcha() {
               <FaInputOTP :model-value="value" :name="componentField.name" :length="6" class="border-destructive" @update:model-value="val => setValue(val)" />
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -99,7 +99,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>

apps/core-tdesign/src/components/AppAccountForm/edit-password.vue

@@ -61,7 +61,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -75,7 +75,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -89,7 +89,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>

apps/core-tdesign/src/components/AppAccountForm/login.vue

@@ -90,7 +90,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -104,7 +104,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>

apps/core-tdesign/src/components/AppAccountForm/register.vue

@@ -63,7 +63,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -76,11 +76,11 @@ const onSubmit = form.handleSubmit((values) => {
               </template>
             </FaInput>
           </FormControl>
-          <FormDescription>
+          <FormDescription class="m-0">
             <FaPasswordStrength :password="value" />
           </FormDescription>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -94,7 +94,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>

apps/core-tdesign/src/components/AppAccountForm/reset-password.vue

@@ -70,7 +70,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -81,7 +81,7 @@ function handleSendCaptcha() {
               <FaInputOTP :model-value="value" :name="componentField.name" :length="6" class="border-destructive" @update:model-value="val => setValue(val)" />
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -99,7 +99,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>

apps/core-vexip-ui/src/components/AppAccountForm/edit-password.vue

@@ -61,7 +61,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -75,7 +75,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -89,7 +89,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>

apps/core-vexip-ui/src/components/AppAccountForm/login.vue

@@ -90,7 +90,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -104,7 +104,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>

apps/core-vexip-ui/src/components/AppAccountForm/register.vue

@@ -63,7 +63,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -76,11 +76,11 @@ const onSubmit = form.handleSubmit((values) => {
               </template>
             </FaInput>
           </FormControl>
-          <FormDescription>
+          <FormDescription class="m-0">
             <FaPasswordStrength :password="value" />
           </FormDescription>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -94,7 +94,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>

apps/core-vexip-ui/src/components/AppAccountForm/reset-password.vue

@@ -70,7 +70,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -81,7 +81,7 @@ function handleSendCaptcha() {
               <FaInputOTP :model-value="value" :name="componentField.name" :length="6" class="border-destructive" @update:model-value="val => setValue(val)" />
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -99,7 +99,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>

apps/core/src/components/AppAccountForm/edit-password.vue

@@ -61,7 +61,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -75,7 +75,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -89,7 +89,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>

apps/core/src/components/AppAccountForm/login.vue

@@ -90,7 +90,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -104,7 +104,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>

apps/core/src/components/AppAccountForm/register.vue

@@ -63,7 +63,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -76,11 +76,11 @@ const onSubmit = form.handleSubmit((values) => {
               </template>
             </FaInput>
           </FormControl>
-          <FormDescription>
+          <FormDescription class="m-0">
             <FaPasswordStrength :password="value" />
           </FormDescription>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -94,7 +94,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>

apps/core/src/components/AppAccountForm/reset-password.vue

@@ -70,7 +70,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -81,7 +81,7 @@ function handleSendCaptcha() {
               <FaInputOTP :model-value="value" :name="componentField.name" :length="6" class="border-destructive" @update:model-value="val => setValue(val)" />
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -99,7 +99,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>

apps/example/src/components/AppAccountForm/edit-password.vue

@@ -61,7 +61,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -75,7 +75,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -89,7 +89,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>

apps/example/src/components/AppAccountForm/login.vue

@@ -90,7 +90,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -104,7 +104,7 @@ function testAccount(account: string) {
               </FaInput>
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>

apps/example/src/components/AppAccountForm/register.vue

@@ -63,7 +63,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -76,11 +76,11 @@ const onSubmit = form.handleSubmit((values) => {
               </template>
             </FaInput>
           </FormControl>
-          <FormDescription>
+          <FormDescription class="m-0">
             <FaPasswordStrength :password="value" />
           </FormDescription>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -94,7 +94,7 @@ const onSubmit = form.handleSubmit((values) => {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>

apps/example/src/components/AppAccountForm/reset-password.vue

@@ -70,7 +70,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>
@@ -81,7 +81,7 @@ function handleSendCaptcha() {
               <FaInputOTP :model-value="value" :name="componentField.name" :length="6" class="border-destructive" @update:model-value="val => setValue(val)" />
             </FormControl>
             <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-              <FormMessage class="text-xs bottom-1 absolute" />
+              <FormMessage class="text-xs m-0 bottom-1 absolute" />
             </Transition>
           </FormItem>
         </FormField>
@@ -99,7 +99,7 @@ function handleSendCaptcha() {
             </FaInput>
           </FormControl>
           <Transition enter-active-class="transition-opacity" enter-from-class="opacity-0" leave-active-class="transition-opacity" leave-to-class="opacity-0">
-            <FormMessage class="text-xs bottom-1 absolute" />
+            <FormMessage class="text-xs m-0 bottom-1 absolute" />
           </Transition>
         </FormItem>
       </FormField>