Merge pull request #22 from ecency/bugfix/notifications-mob-layout

Fixed notifications mobile layout
ecency · Sep 21, 2024 · e69530f · e69530f
2 parents 5d10150 + 8dfaa96
commit e69530f
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git 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
@@ -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",