Remove padding from empty layouts and add option for full width layout content

This commit is contained in:
Andrew Kingston 2021-07-10 11:56:32 +01:00
parent aa2691a452
commit 7392ad8eb2
2 changed files with 8 additions and 1 deletions

View File

@ -31,7 +31,7 @@
"type": "select", "type": "select",
"label": "Width", "label": "Width",
"key": "width", "key": "width",
"options": ["Small", "Medium", "Large"], "options": ["Small", "Medium", "Large", "Max"],
"defaultValue": "Large" "defaultValue": "Large"
}, },
{ {

View File

@ -20,6 +20,7 @@
None: "none", None: "none",
} }
const widthClasses = { const widthClasses = {
Max: "max",
Large: "l", Large: "l",
Medium: "m", Medium: "m",
Small: "s", Small: "s",
@ -178,6 +179,9 @@
position: relative; position: relative;
padding: 32px; padding: 32px;
} }
.layout--none .main {
padding: 0;
}
.size--s { .size--s {
width: 800px; width: 800px;
} }
@ -187,6 +191,9 @@
.size--l { .size--l {
width: 1400px; width: 1400px;
} }
.size--max {
width: 100%;
}
/* Nav components */ /* Nav components */
.burger { .burger {