docs: added new recipes (#4793)

* added new recipes

* added more recipes
This commit is contained in:
Shahed Nasser
2023-08-17 20:37:40 +03:00
committed by GitHub
parent 3b5590ccec
commit 57bb391146
12 changed files with 392 additions and 63 deletions

View File

@@ -48,11 +48,11 @@ const NotificationContainer = () => {
<>
{renderFilteredNotifications(
(notification) => notification.placement === "top",
"flex fixed flex-col gap-0.5 md:right-1 right-0 md:top-1 top-0 z-[400] md:w-auto w-full"
"flex fixed flex-col gap-0.5 right-0 top-0 z-[400] md:w-auto w-full max-h-[calc(100vh-57px)] overflow-y-auto"
)}
{renderFilteredNotifications(
(notification) => notification.placement !== "top",
"flex flex-col gap-0.5 fixed md:right-1 right-0 md:bottom-1 bottom-0 z-[400] md:w-auto w-full"
"flex flex-col gap-0.5 fixed right-0 bottom-0 z-[400] md:w-auto w-full max-h-[calc(100vh-57px)] overflow-y-auto"
)}
</>
)

View File

@@ -36,8 +36,8 @@ const Notification = ({
<div
className={clsx(
"md:max-w-[320px] md:w-[320px] w-full bg-medusa-bg-base dark:bg-medusa-bg-base-dark rounded",
"shadow-flyout dark:shadow-flyout-dark",
"fixed md:right-1 left-0 block z-[400]",
"shadow-flyout dark:shadow-flyout-dark max-h-[calc(100vh-90px)]",
"fixed md:right-1 left-0 z-[400] md:m-1",
placement === "bottom" && "md:bottom-1 bottom-0",
placement === "top" && "md:top-1 top-0",
"opacity-100 transition-opacity duration-200 ease-ease",