bam/my2
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Enhance CartItem component with non-selectable elements

Browse Source 
- Added 'select-none' class to subtotal and remove button in CartItem.vue to prevent text selection during user interaction, improving the overall user experience.
This commit is contained in:
Bastian Masanek
2025-11-03 16:39:21 +01:00
parent 0b7098662b
commit 29f77afdcf
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/Cart/CartItem.vue
View File

@@ -154,7 +154,7 @@ const placeholderImage = '/img/makerspace-jk-2025.jpg'
<!-- Subtotal + Remove Button --> <!-- Subtotal + Remove Button -->
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<!-- Subtotal --> <!-- Subtotal -->
<div class="flex flex-col text-right"> <div class="flex flex-col text-right select-none">
<div class="text-xs text-white/60 uppercase tracking-wide"> <div class="text-xs text-white/60 uppercase tracking-wide">
Summe Summe
</div> </div>
@@ -164,7 +164,7 @@ const placeholderImage = '/img/makerspace-jk-2025.jpg'
</div> </div>
<!-- Remove Button (Mobile) --> <!-- Remove Button (Mobile) -->
<Button variant="ghost" size="icon" class="sm:hidden text-white/60 hover:text-red hover:bg-red/10 h-8 w-8" <Button variant="ghost" size="icon" class="sm:hidden text-white/60 hover:text-red hover:bg-red/10 h-8 w-8 select-none"
:disabled="loading" @click="handleRemove"> :disabled="loading" @click="handleRemove">
<Trash2 class="h-4 w-4" /> <Trash2 class="h-4 w-4" />
</Button> </Button>