fix(pickers): use real buttons for clickable items (#7)

atinux · Sep 13, 2024 · bd025b3 · bd025b3
1 parent 9f942d9
commit bd025b3
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/app/components/ColorPicker.vue b/app/components/ColorPicker.vue
@@ -49,7 +49,7 @@ function setColor(hex: string) {
     <template #panel>
       <div class="p-2">
         <div class="grid grid-cols-6 gap-px">
-          <div
+          <button
             v-for="color in colors"
             :key="color"
             class="w-5 h-5 rounded-full border-2 hover:border-gray-200 cursor-pointer"
@@ -62,7 +62,7 @@ function setColor(hex: string) {
         <hr class="border-gray-200 dark:border-gray-800 my-2">
 
         <div class="grid grid-cols-6 gap-px">
-          <div
+          <button
             v-for="color in grayColors"
             :key="color"
             class="w-5 h-5 rounded-full border-2 hover:border-gray-200 cursor-pointer"

diff --git a/app/components/StrokePicker.vue b/app/components/StrokePicker.vue
@@ -41,7 +41,7 @@ function setSize(size: number) {
     <template #panel>
       <div class="p-2">
         <div class="flex flex-col gap-2">
-          <div
+          <button
             v-for="size in sizes"
             :key="size"
             class="w-full rounded-full border-2 hover:border-gray-400 cursor-pointer"