From 75396da7c8f140b7b69dd8ed991599cec717b21c Mon Sep 17 00:00:00 2001
From: Doji <138183055+BeanDz@users.noreply.github.com>
Date: Fri, 31 Oct 2025 19:50:12 +0800
Subject: [PATCH] fix(ui): migrate field checkbox component from attributify to
 class names (#690)

---
 packages/ui/src/components/Form/Field/FieldCheckbox.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/components/Form/Field/FieldCheckbox.vue b/packages/ui/src/components/Form/Field/FieldCheckbox.vue
index 0591d22e2..1e1a58454 100644
--- a/packages/ui/src/components/Form/Field/FieldCheckbox.vue
+++ b/packages/ui/src/components/Form/Field/FieldCheckbox.vue
@@ -10,9 +10,9 @@ const modelValue = defineModel<boolean>({ required: true })
 </script>
 
 <template>
-  <label flex="~ col gap-4">
-    <div flex="~ row" items-center gap-2>
-      <div flex="1">
+  <label class="flex flex-col gap-4">
+    <div class="flex flex-row items-center gap-2">
+      <div class="flex-1">
         <div class="flex items-center gap-1 text-sm font-medium">
           <slot name="label">
             {{ props.label }}