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

Enhance Checkout Page UI with Edit Icon and Button Refactor

Browse Source 
- Added an Edit3 icon from 'lucide-vue-next' to the "Warenkorb bearbeiten" button for improved visual clarity.
- Refactored button structure for better alignment and responsiveness, consolidating button attributes into a single line for cleaner code.
This commit is contained in:
Bastian Masanek
2025-11-05 03:48:11 +01:00
parent a9df444145
commit 5899988d60
1 changed files with 8 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
app/pages/checkout.vue
View File

@@ -1,4 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { Edit3 } from 'lucide-vue-next'
/** /**
* Checkout Page (/checkout) * Checkout Page (/checkout)
* *
@@ -152,10 +154,7 @@ async function handleCheckout(checkoutData: CheckoutData) {
}} }}
</p> </p>
</div> </div>
<button <button @click="openCart" class="text-sm text-experimenta-accent hover:underline">
@click="openCart"
class="text-sm text-experimenta-accent hover:underline"
>
Bearbeiten Bearbeiten
</button> </button>
</div> </div>
@@ -232,12 +231,11 @@ async function handleCheckout(checkoutData: CheckoutData) {
</div> </div>
<!-- Edit Cart Link --> <!-- Edit Cart Link -->
<div class="mt-6 pt-6 border-t border-white/20"> <div class="pt-6 border-t border-white/20">
<button <button @click="openCart"
@click="openCart" class="inline-flex items-center gap-2 text-sm text-experimenta-accent hover:text-experimenta-accent/80 transition-colors">
class="text-sm text-experimenta-accent hover:underline" <Edit3 :size="16" />
> <span>Warenkorb bearbeiten</span>
Warenkorb bearbeiten
</button> </button>
</div> </div>
</Card> </Card>