refactor(ui): updated modal design with backdrops

2021-05-06 21:24:36 +09:00
parent f48312e833
commit c4775e05fe
6 changed files with 34 additions and 10 deletions
--- a/src/components/Common/SlideOver/index.tsx
+++ b/src/components/Common/SlideOver/index.tsx
@@ -44,7 +44,7 @@ const SlideOver: React.FC<SlideOverProps> = ({
    >
      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}
      <div
-        className={`z-50 fixed inset-0 overflow-hidden bg-opacity-50 bg-gray-800`}
+        className={`z-50 fixed inset-0 overflow-hidden bg-opacity-70 bg-gray-800`}
        onClick={() => onClose()}
        onKeyDown={(e) => {
          if (e.key === 'Escape') {