From fc27200ac136a3c6ba69296c3c531f2b3e1c7920 Mon Sep 17 00:00:00 2001
From: Tim <135014430+nagisa77@users.noreply.github.com>
Date: Sun, 31 Aug 2025 14:13:18 +0800
Subject: [PATCH] feat(poll): use BaseSwitch for multiple selection

---
 frontend_nuxt/components/PollForm.vue | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/frontend_nuxt/components/PollForm.vue b/frontend_nuxt/components/PollForm.vue
index 15d0adf95..320d7693f 100644
--- a/frontend_nuxt/components/PollForm.vue
+++ b/frontend_nuxt/components/PollForm.vue
@@ -19,10 +19,8 @@
       </client-only>
     </div>
     <div class="poll-multiple-row">
-      <label class="poll-row-title">
-        <input type="checkbox" v-model="data.multiple" class="multiple-checkbox" />
-        多选
-      </label>
+      <span class="poll-row-title">多选</span>
+      <BaseSwitch v-model="data.multiple" />
     </div>
   </div>
 </template>
@@ -31,6 +29,7 @@
 import 'flatpickr/dist/flatpickr.css'
 import FlatPickr from 'vue-flatpickr-component'
 import BaseInput from '~/components/BaseInput.vue'
+import BaseSwitch from '~/components/BaseSwitch.vue'
 
 const props = defineProps({
   data: {
@@ -89,9 +88,7 @@ const removeOption = (idx) => {
 .poll-multiple-row {
   display: flex;
   align-items: center;
-}
-.multiple-checkbox {
-  margin-right: 5px;
+  gap: 10px;
 }
 .time-picker {
   max-width: 200px;