chore: add border to menus in dark theme

2023-07-12 23:32:16 +05:30
parent 078ef3772c
commit 7039525c4f
33 changed files with 217 additions and 100 deletions
--- a/packages/web/src/javascripts/Components/Popover/PositionedPopoverContent.tsx
+++ b/packages/web/src/javascripts/Components/Popover/PositionedPopoverContent.tsx
@@ -87,7 +87,7 @@ const PositionedPopoverContent = ({
      <div
        className={classNames(
          'absolute top-0 left-0 flex w-full min-w-80 cursor-auto flex-col',
-          'overflow-y-auto rounded bg-default shadow-main md:h-auto md:max-w-xs',
+          'overflow-y-auto rounded border border-[--menu-border-color] bg-default shadow-main md:h-auto md:max-w-xs',
          !disableMobileFullscreenTakeover && 'h-full',
          overrideZIndex ? overrideZIndex : 'z-dropdown-menu',
          !isDesktopScreen && !disableMobileFullscreenTakeover ? 'pt-safe-top pb-safe-bottom' : '',