feat: add cursor pointer style to buttons and toggle elements for better UX

This commit is contained in:
mahdiarghyani
2025-12-15 14:59:04 +03:30
parent d4cf695911
commit 010d8bd8ea
5 changed files with 26 additions and 18 deletions
+2 -2
View File
@@ -3,9 +3,9 @@
<!-- Nuxt UI Select-based language picker -->
<USelect v-model="model" :items="items" value-key="value" size="sm" color="primary" variant="soft"
:highlight="false" arrow :trailing="true" placeholder="Language"
class="px-1 w-[64px] sm:w-[78px] rounded-full ring-1 ring-gray-200/70 dark:ring-gray-700/60 backdrop-blur-md shadow-sm h-[25px] hover:ring-primary-500/50 hover:shadow-md transition-all duration-200"
class="cursor-pointer px-1 w-[64px] sm:w-[78px] rounded-full ring-1 ring-gray-200/70 dark:ring-gray-700/60 backdrop-blur-md shadow-sm h-[25px] hover:ring-primary-500/50 hover:shadow-md transition-all duration-200"
:ui="{
base: 'rounded-full',
base: 'rounded-full cursor-pointer',
trailingIcon: 'text-dimmed group-data-[state=open]:rotate-180 transition-transform duration-200',
content: 'min-w-fit scale-fade-in'
}" :aria-label="t('nav.languageSelector')">