chore: fix Safari translucency issues [skip e2e]

2023-08-06 23:52:38 +05:30
parent d2f8a36f19
commit 5473829c7e
5 changed files with 5 additions and 14 deletions
--- a/packages/web/src/javascripts/Components/AlertDialog/AlertDialog.tsx
+++ b/packages/web/src/javascripts/Components/AlertDialog/AlertDialog.tsx
@@ -40,13 +40,10 @@ const AlertDialog = ({
      />
      <div
        className={classNames(
-          'w-[95vw] rounded border border-[--popover-border-color] bg-[--popover-background-color] px-6 py-5 shadow-xl md:w-auto',
+          'w-[95vw] rounded border border-[--popover-border-color] bg-[--popover-background-color] [backdrop-filter:var(--popover-backdrop-filter)] px-6 py-5 shadow-xl md:w-auto',
          !className?.includes('max-w-') && 'max-w-[600px]',
          className,
        )}
-        style={{
-          backdropFilter: 'var(--popover-backdrop-filter)',
-        }}
      >
        {children}
      </div>