Merge pull request #171 from appwrite/fix-modal-spacing-logic

Modal
appwrite · Apr 16, 2024 · 6a06db9 · 6a06db9
2 parents efdc2e8 + f6558d2
commit 6a06db9
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 5 deletions.
diff --git a/.changeset/rare-lemons-know.md b/.changeset/rare-lemons-know.md
@@ -0,0 +1,6 @@
+---
+"@appwrite.io/pink": minor
+"@appwrite.io/pink-icons": minor
+---
+
+Modal
diff --git a/packages/ui/src/7-components/_modal.scss b/packages/ui/src/7-components/_modal.scss
@@ -69,11 +69,14 @@
     }
   }
   &.is-separate-header {
-    > .modal-form > .modal-header {
-      padding: var(--p-modal-padding);
-      padding-block-start: 0;
-      border-block-end: solid pxToRem(1) hsl(var(--color-border));
-      margin-inline: calc(var(--p-modal-padding) * -1);
+    > .modal-form {
+      > .modal-header {
+        padding: var(--p-modal-padding); padding-block-start: 0;
+        border-block-end: solid pxToRem(1) hsl(var(--color-border));
+        margin-inline: calc(var(--p-modal-padding) * -1); margin-block-end:0;
+      }
+      > .modal-content { padding-block:var(--p-modal-padding); margin-block:0; }
+      > .modal-footer { margin-block-start:0; }
     }
   }
   &.is-page-in-mobile {