refactor(Notification, Sidebar): enhance styling and responsiveness

- Updated the Notification component's dropdown styling for improved responsiveness and visual consistency. - Adjusted the Sidebar component's z-index handling based on mobile state to ensure proper layering during interactions.
2026-04-15 13:02:17 +03:30
parent 2f28ae8625
commit 5a96dd2341
2 changed files with 8 additions and 6 deletions
@@ -60,7 +60,9 @@ export function Sidebar() {
      <aside
        className={cn(
          "shrink-0 overflow-hidden border-r border-gray-200 bg-white transition-[width] duration-200 ease-linear dark:border-gray-800 dark:bg-gray-dark",
-          isMobile ? "fixed bottom-0 top-0 z-50" : "sticky top-0 h-screen",
+          isMobile
+            ? cn("fixed bottom-0 top-0", isOpen ? "z-50" : "z-20")
+            : "sticky top-0 h-screen",
          isMobile
            ? isOpen
              ? "w-[290px]"