docs: added new recipes (#4793)
* added new recipes * added more recipes
This commit is contained in:
@@ -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"
|
||||
)}
|
||||
</>
|
||||
)
|
||||
|
||||
@@ -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",
|
||||
|
||||
Reference in New Issue
Block a user