fix(ux): add focus UI to the select dropdown (#532)

* fix(ux): add focus UI to the select dropdown * fix(ux): add type to button * fix(ux): add type to button * chore: fix lint
snapshot-labs · Jul 29, 2024 · f1e3b13 · f1e3b13
1 parent 80e38d9
commit f1e3b13
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/apps/ui/src/components/Ui/SelectDropdown.vue b/apps/ui/src/components/Ui/SelectDropdown.vue
@@ -32,7 +32,7 @@ const items = computed(() => props.items);
       <slot name="button">
         <button
           type="button"
-          class="flex items-center gap-2 relative rounded-full leading-[100%] border button px-[16px] min-w-[76px] h-[42px] top-1 outline-0 text-skin-link bg-skin-bg"
+          class="flex items-center gap-2 relative rounded-full leading-[100%] border button px-[16px] min-w-[76px] h-[42px] top-1 text-skin-link bg-skin-bg"
         >
           <div
             class="absolute top-[-10px] bg-skin-bg px-1 left-2.5 text-sm text-skin-text"

diff --git a/apps/ui/src/views/Proposal/Votes.vue b/apps/ui/src/views/Proposal/Votes.vue
@@ -135,10 +135,13 @@ watch([sortBy, choiceFilter], () => {
         ]"
       >
         <template #button>
-          <div class="flex items-center hover:text-skin-link space-x-2">
+          <button
+            class="flex items-center hover:text-skin-link space-x-2"
+            type="button"
+          >
             <span class="truncate">Choice</span>
             <IH-adjustments-vertical class="shrink-0" />
-          </div>
+          </button>
         </template>
       </UiSelectDropdown>
     </div>