fix: remove dialog border

sumup-oss · Dec 4, 2024 · 66b9e63 · 66b9e63
1 parent 3b10b37
commit 66b9e63
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 6 deletions.
diff --git a/packages/circuit-ui/components/Dialog/Dialog.module.css b/packages/circuit-ui/components/Dialog/Dialog.module.css
@@ -28,6 +28,7 @@
 @media (min-width: 480px) {
   .dialog {
     width: max-content;
+    min-width: 480px;
     max-width: 90vw;
     max-height: 90vw;
   }
@@ -114,12 +115,12 @@
 .content {
   overflow-y: auto;
   background-color: var(--cui-bg-elevated);
-  border: 1px solid var(--cui-border-subtle);
   border-radius: var(--cui-border-radius-byte);
 }
 
 @media (max-width: 479px) {
   .content {
+    width: 100%;
     height: 100%;
     padding: var(--cui-spacings-mega);
     padding-bottom: calc(
@@ -131,9 +132,6 @@
 
 @media (min-width: 480px) {
   .content {
-    min-width: 480px;
-    max-width: 90vw;
-    max-height: 90vh;
     padding: var(--cui-spacings-giga);
     padding-bottom: calc(
       env(safe-area-inset-bottom) + var(--cui-spacings-giga)

diff --git a/packages/circuit-ui/components/Dialog/Dialog.stories.tsx b/packages/circuit-ui/components/Dialog/Dialog.stories.tsx
@@ -187,7 +187,6 @@ Immersive.parameters = {
   },
 };
 
-InitiallyOpen.play = openModal;
 Immersive.play = openModal;
 PreventClose.play = openModal;
 Base.play = openModal;
diff --git a/packages/circuit-ui/components/NotificationModal/NotificationModal.module.css b/packages/circuit-ui/components/NotificationModal/NotificationModal.module.css
@@ -5,7 +5,7 @@
 @media (min-width: 480px) {
   .centered.base {
     width: calc(100vw - var(--cui-spacings-peta) * 2);
-    min-width: 480px;
+    min-width: unset;
     max-width: 420px;
     max-height: calc(100vh - var(--cui-spacings-mega) * 2);
   }