From f851df69c6256b7cea78b39476ec5bdf4da6258d Mon Sep 17 00:00:00 2001 From: Mamalizz Date: Fri, 18 Apr 2025 19:49:13 +0330 Subject: [PATCH] updated toast animation --- frontend/assets/css/tailwind.css | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/frontend/assets/css/tailwind.css b/frontend/assets/css/tailwind.css index c647adb..f071dc5 100644 --- a/frontend/assets/css/tailwind.css +++ b/frontend/assets/css/tailwind.css @@ -215,22 +215,22 @@ @keyframes toastSlideIn { from { opacity: 0; - transform: translateX(calc(100% + var(--viewport-padding))); + transform: translateY(calc(100% + var(--viewport-padding))); } to { opacity: 1; - transform: translateX(0); + transform: translateY(0); } } @keyframes toastSlideOut { from { opacity: 1; - transform: translateX(var(--reka-toast-swipe-end-x)); + transform: translateY(var(--reka-toast-swipe-end-x)); } to { opacity: 0; - transform: translateX(calc(100% + var(--viewport-padding))); + transform: translateY(calc(100% + var(--viewport-padding))); } } @@ -281,6 +281,10 @@ /* CONTAINER */ +* { + scroll-behavior: smooth !important; +} + @utility container { @apply mx-auto px-[var(--app-container-padding)] w-full max-sm:max-w-[var(--breakpoint-xs)] max-md:max-w-[var(--breakpoint-sm)] max-lg:max-w-[var(--breakpoint-md)] max-xl:max-w-[var(--breakpoint-lg)] max-w-[var(--breakpoint-2xl)]; }