update
This commit is contained in:
@@ -102,10 +102,10 @@
|
||||
<span class="text-white text-sm font-semibold">Đăng nhập</span>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center gap-[10px] cursor-pointer">
|
||||
<a href="/cart" class="flex items-center gap-[10px] cursor-pointer">
|
||||
<img src="{{ 'icon_arrow_next.svg' | asset_url }}" alt="" class="w-[20.844px] h-[18.688px]" />
|
||||
<span class="text-white text-sm font-semibold">Giỏ hàng</span>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div id="btn-showroom"
|
||||
class="bg-[#b70061] h-8 rounded-full flex items-center justify-between pl-[11px] pr-[7px] w-[199px] cursor-pointer select-none"
|
||||
@@ -263,4 +263,29 @@
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div id="overlay" class="hidden fixed inset-0 bg-black/30 z-40" onclick="closeAll()"></div>
|
||||
<div id="overlay" class="hidden fixed inset-0 bg-black/30 z-40" onclick="closeAll()"></div>
|
||||
|
||||
<!-- Cart popup modal (global) -->
|
||||
<div id="cart-popup" class="hidden fixed inset-0 z-[999] items-center justify-center bg-black/40" style="display:none">
|
||||
<div class="bg-white rounded-[12px] p-5 w-[400px] flex flex-col gap-4 shadow-2xl">
|
||||
<div class="flex items-center gap-2">
|
||||
<div class="w-6 h-6 rounded-full bg-[#35b327] flex items-center justify-center shrink-0">
|
||||
<svg class="w-4 h-4" fill="none" stroke="white" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7" />
|
||||
</svg>
|
||||
</div>
|
||||
<p class="text-[15px] font-semibold text-[#35b327]">Đã thêm sản phẩm vào giỏ hàng!</p>
|
||||
</div>
|
||||
<div class="flex items-center gap-3 py-1">
|
||||
<img id="cart-popup-img" src="" alt="" class="w-16 h-16 rounded-[4px] object-cover border border-[#ebebeb] shrink-0" />
|
||||
<div class="flex-1 min-w-0">
|
||||
<p id="cart-popup-name" class="text-[13px] font-semibold text-black line-clamp-2"></p>
|
||||
<p id="cart-popup-price" class="text-[14px] font-bold text-[#e40000] mt-1"></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex items-center gap-3">
|
||||
<button onclick="closeCartPopup()" class="flex-1 h-10 rounded-[4px] border border-[#d0d0d0] text-[13px] font-medium text-[#333] hover:bg-gray-50">Tiếp tục mua sắm</button>
|
||||
<a href="/cart" class="flex-1 h-10 rounded-[4px] bg-[#0084ff] text-white text-[13px] font-medium inline-flex items-center justify-center hover:bg-[#0066cc]">Xem giỏ hàng</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user