From 3269cca77eae6c9f5508c4a64a1405ed3d9007fb Mon Sep 17 00:00:00 2001 From: it-fixcomart Date: Fri, 9 Aug 2024 14:29:43 +0700 Subject: add highligth button whatsapp --- src/core/components/layouts/BasicLayout.module.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) create mode 100644 src/core/components/layouts/BasicLayout.module.css (limited to 'src/core/components/layouts/BasicLayout.module.css') diff --git a/src/core/components/layouts/BasicLayout.module.css b/src/core/components/layouts/BasicLayout.module.css new file mode 100644 index 00000000..b89aca9f --- /dev/null +++ b/src/core/components/layouts/BasicLayout.module.css @@ -0,0 +1,13 @@ +.overlay-highlight { + @apply fixed top-0 left-0 w-full h-full bg-[#4FB84A]/50 z-[900]; + animation: closeOverlay 10s forwards; + } + + @keyframes closeOverlay { + from { + clip-path: circle(100%); + } + to { + clip-path: circle(var(--button-radius) at var(--button-x) var(--button-y)); + } + } -- cgit v1.2.3 From b4b36c45de25305f43ee83441f13a75c48b07994 Mon Sep 17 00:00:00 2001 From: it-fixcomart Date: Fri, 9 Aug 2024 16:58:48 +0700 Subject: update higlight button whatsapp --- src/core/components/layouts/BasicLayout.module.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'src/core/components/layouts/BasicLayout.module.css') diff --git a/src/core/components/layouts/BasicLayout.module.css b/src/core/components/layouts/BasicLayout.module.css index b89aca9f..4945c420 100644 --- a/src/core/components/layouts/BasicLayout.module.css +++ b/src/core/components/layouts/BasicLayout.module.css @@ -1,11 +1,11 @@ .overlay-highlight { - @apply fixed top-0 left-0 w-full h-full bg-[#4FB84A]/50 z-[900]; - animation: closeOverlay 10s forwards; + @apply fixed top-0 left-0 w-full h-full bg-[#4FB84A]/30 z-[900]; + animation: closeOverlay 1s forwards; } @keyframes closeOverlay { from { - clip-path: circle(100%); + clip-path: circle(100% at 50% 50%); } to { clip-path: circle(var(--button-radius) at var(--button-x) var(--button-y)); -- cgit v1.2.3 From 4501271964f8084522967685e3752868779c5ca0 Mon Sep 17 00:00:00 2001 From: it-fixcomart Date: Fri, 9 Aug 2024 17:11:17 +0700 Subject: Revert " update higlight button whatsapp" This reverts commit b4b36c45de25305f43ee83441f13a75c48b07994. --- src/core/components/layouts/BasicLayout.module.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'src/core/components/layouts/BasicLayout.module.css') diff --git a/src/core/components/layouts/BasicLayout.module.css b/src/core/components/layouts/BasicLayout.module.css index 4945c420..b89aca9f 100644 --- a/src/core/components/layouts/BasicLayout.module.css +++ b/src/core/components/layouts/BasicLayout.module.css @@ -1,11 +1,11 @@ .overlay-highlight { - @apply fixed top-0 left-0 w-full h-full bg-[#4FB84A]/30 z-[900]; - animation: closeOverlay 1s forwards; + @apply fixed top-0 left-0 w-full h-full bg-[#4FB84A]/50 z-[900]; + animation: closeOverlay 10s forwards; } @keyframes closeOverlay { from { - clip-path: circle(100% at 50% 50%); + clip-path: circle(100%); } to { clip-path: circle(var(--button-radius) at var(--button-x) var(--button-y)); -- cgit v1.2.3 From 949e654bec249177618c3efc1b63c50f174ea0ae Mon Sep 17 00:00:00 2001 From: it-fixcomart Date: Fri, 9 Aug 2024 17:27:04 +0700 Subject: update highlight button --- src/core/components/layouts/BasicLayout.module.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'src/core/components/layouts/BasicLayout.module.css') diff --git a/src/core/components/layouts/BasicLayout.module.css b/src/core/components/layouts/BasicLayout.module.css index b89aca9f..4945c420 100644 --- a/src/core/components/layouts/BasicLayout.module.css +++ b/src/core/components/layouts/BasicLayout.module.css @@ -1,11 +1,11 @@ .overlay-highlight { - @apply fixed top-0 left-0 w-full h-full bg-[#4FB84A]/50 z-[900]; - animation: closeOverlay 10s forwards; + @apply fixed top-0 left-0 w-full h-full bg-[#4FB84A]/30 z-[900]; + animation: closeOverlay 1s forwards; } @keyframes closeOverlay { from { - clip-path: circle(100%); + clip-path: circle(100% at 50% 50%); } to { clip-path: circle(var(--button-radius) at var(--button-x) var(--button-y)); -- cgit v1.2.3