heymlz/hossein-por-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed some style and gif

Browse Source
This commit is contained in:
Mamalizz
2025-04-11 21:39:39 +03:30
parent f37f400ca0
commit 65bc715c79
1 changed files with 10 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/components/cart/checkout/PaymentPendingModal.vue
+10 -13
View File
@@ -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>