From 65bc715c79ed11ee6b127557aa1c3e4380174b45 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Fri, 11 Apr 2025 21:39:39 +0330
Subject: [PATCH] changed some style and gif

---
 .../cart/checkout/PaymentPendingModal.vue     | 23 ++++++++-----------
 1 file changed, 10 insertions(+), 13 deletions(-)

diff --git a/frontend/components/cart/checkout/PaymentPendingModal.vue b/frontend/components/cart/checkout/PaymentPendingModal.vue
index 9446c24..b6ff9b6 100644
--- a/frontend/components/cart/checkout/PaymentPendingModal.vue
+++ b/frontend/components/cart/checkout/PaymentPendingModal.vue
@@ -43,21 +43,14 @@ const visible = computed({
                                 class="bg-custom-conic size-[200%] absolute -top-1/2 -left-1/2 animate-spin [animation-duration:3s] z-[1]"
                             ></div>
                             <div
-                                class="shrink-0 p-6 pt-16 z-[2] absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2 w-[98.8%] h-[98.5%] flex flex-col gap-10 items-center bg-white border shadow-black/10 justify-center border-slate-300 rounded-xl"
+                                class="shrink-0 p-6 pt-20 z-[2] absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2 w-[98.8%] h-[98.5%] flex flex-col gap-24 items-center bg-white border shadow-black/10 justify-center border-slate-300 rounded-xl"
                             >
-                                <video
-                                    class="aspect-square w-[350px] animate-fade-in"
-                                    src="/video/heymlz/heymlz-handshake-full.webm"
-                                    :style="{
-                                        filter: 'drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.15))',
-                                    }"
-                                    autoplay
-                                    playsinline
-                                    webkit-playsinline
-                                    muted
+                                <NuxtImg
+                                    class="aspect-square w-[300px]"
+                                    src="/img/heymlz/payment-progress.gif"
                                 />
 
-                                <div class="-translate-y-24 flex-center gap-3">
+                                <div class="-translate-y-28 flex-center gap-3">
                                     <Icon
                                         name="svg-spinners:3-dots-bounce"
                                         size="20"
@@ -84,6 +77,10 @@ const visible = computed({
             #ff000000 1%,
             #ff000000 99%
         ),
-        conic-gradient(from 0deg at 50% 50%, #000000ff 0%, #ff000000 34%);
+        conic-gradient(
+            from 0deg at 50% 50%,
+            var(--color-blue-500) 0%,
+            #ff000000 34%
+        );
 }
 </style>