From 8dfaa96116142b50827c2be7b8768bc4d51b6fb6 Mon Sep 17 00:00:00 2001
From: "ildar.timerbaev" <dkildar@gmail.com>
Date: Sat, 21 Sep 2024 12:01:48 +0300
Subject: [PATCH] Fixed notifications mobile layout

---
 src/features/shared/notifications/index.tsx | 2 +-
 src/features/ui/modal/modal-sidebar.tsx     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/features/shared/notifications/index.tsx b/src/features/shared/notifications/index.tsx
index b820a4745..7084958af 100644
--- a/src/features/shared/notifications/index.tsx
+++ b/src/features/shared/notifications/index.tsx
@@ -29,7 +29,7 @@ export function NotificationsDialog({ openLinksInNewTab = false }: Props) {
       condition={({ visionFeatures }) => visionFeatures.notifications.enabled}
     >
       <ModalSidebar
-        className="notifications-modal min-w-[32rem]"
+        className="notifications-modal min-w-[90%] md:min-w-[32rem] [&_.ecency-sidebar]:overflow-hidden"
         show={show}
         setShow={(v) => {
           setShow(v);
diff --git a/src/features/ui/modal/modal-sidebar.tsx b/src/features/ui/modal/modal-sidebar.tsx
index 1693cbcda..a8f30ff0b 100644
--- a/src/features/ui/modal/modal-sidebar.tsx
+++ b/src/features/ui/modal/modal-sidebar.tsx
@@ -34,7 +34,7 @@ export function ModalSidebar({
           x: (placement === "right" ? 1 : -1) * 320
         }}
         className={classNameObject({
-          "h-full-dynamic overflow-y-auto no-scrollbar bg-white dark:bg-dark-700 absolute w-[20rem] top-0 bottom-0":
+          "ecency-sidebar h-full-dynamic overflow-y-auto no-scrollbar bg-white dark:bg-dark-700 absolute w-[20rem] top-0 bottom-0":
             true,
           "right-0 rounded-l-2xl": placement === "right",
           "left-0 rounded-r-2xl": placement === "left",