N°8274 - Align modal header and footer padding

This commit is contained in:
Stephen Abello
2025-04-02 11:35:23 +02:00
parent 0193db609d
commit ebb59d3ddc

View File

@@ -8,6 +8,7 @@ $ipb-modal--max-height: 90vh !default;
$ipb-modal--max-width: 90vw !default;
$ipb-modal--border-radius: $common-border-radius-500 !default;
$ipb-modal--header--padding: $common-spacing-500 !default;
$ipb-modal--header--background-color: $common-color-white-100 !default;
$ipb-modal--header--color: $common-color-grey-900 !default;
$ipb-modal--header--border-radius: $ipb-modal--border-radius $ipb-modal--border-radius 0 0 !default;
@@ -16,6 +17,8 @@ $ipb-modal--header--close--color: $common-color-grey-900 !default;
$ipb-modal--header--close--opacity: 1 !default;
$ipb-modal--header--close--hover--color: $common-color-grey-700 !default;
$ipb-modal--footer-padding: $ipb-modal--header--padding !default;
$ipb-modal--backdrop--opacity: 0.6 !default;
$ipb-modal--backdrop--background-color: $common-color-blue-grey-800 !default;
$ipb-modal--backdrop--backdrop-filter: blur(2px) !default;
@@ -60,6 +63,7 @@ $ipb-modal--title--span--separator--background-color: $common-color-grey-800 !de
}
.modal-header {
padding: $ipb-modal--header--padding;
border-radius:$ipb-modal--header--border-radius !important;
.close {
color: $ipb-modal--header--close--color;
@@ -72,6 +76,10 @@ $ipb-modal--title--span--separator--background-color: $common-color-grey-800 !de
}
}
.modal-footer {
padding: $ipb-modal--footer-padding;
}
.modal-title {
color: $ipb-modal--title--color !important;
display: flex;