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

updated toast animation

Browse Source
This commit is contained in:
Mamalizz
2025-04-18 19:49:13 +03:30
parent c977740a5d
commit f851df69c6
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/assets/css/tailwind.css
+8 -4
View File
@@ -215,22 +215,22 @@
@keyframes toastSlideIn { @keyframes toastSlideIn {
from { from {
opacity: 0; opacity: 0;
transform: translateX(calc(100% + var(--viewport-padding))); transform: translateY(calc(100% + var(--viewport-padding)));
} }
to { to {
opacity: 1; opacity: 1;
transform: translateX(0); transform: translateY(0);
} }
} }
@keyframes toastSlideOut { @keyframes toastSlideOut {
from { from {
opacity: 1; opacity: 1;
transform: translateX(var(--reka-toast-swipe-end-x)); transform: translateY(var(--reka-toast-swipe-end-x));
} }
to { to {
opacity: 0; opacity: 0;
transform: translateX(calc(100% + var(--viewport-padding))); transform: translateY(calc(100% + var(--viewport-padding)));
} }
} }
@@ -281,6 +281,10 @@
/* CONTAINER */ /* CONTAINER */
* {
scroll-behavior: smooth !important;
}
@utility container { @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)]; @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)];
} }