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

5 years ago · 53f4d6b790
2 changed files with 8 additions and 1 deletions
--- a/packages/standard-components/manifest.json
+++ b/packages/standard-components/manifest.json
@ -27,7 +27,7 @@
        "type": "select",
        "label": "Width",
        "key": "width",
-        "options": ["Small", "Medium", "Large"],
+        "options": ["Small", "Medium", "Large", "Max"],
        "defaultValue": "Large"
      },
      {
--- a/packages/standard-components/src/Layout.svelte
+++ b/packages/standard-components/src/Layout.svelte
@ -20,6 +20,7 @@
    None: "none",
  }
  const widthClasses = {
+    Max: "max",
    Large: "l",
    Medium: "m",
    Small: "s",
@ -176,6 +177,9 @@
    position: relative;
    padding: 32px;
  }
+  .layout--none .main {
+    padding: 0;
+  }
  .size--s {
    width: 800px;
  }
@ -185,6 +189,9 @@
  .size--l {
    width: 1400px;
  }
+  .size--max {
+    width: 100%;
+  }

  /*  Nav components */
  .burger {