created MainContentLayout slot template

2019-09-27 16:26:05 +02:00
parent 08e6433c0e
commit df9f5a865c
8 changed files with 179 additions and 84 deletions
@@ -0,0 +1,34 @@
+<template>
+  <div
+    :id="id"
+    class="full-width row"
+  >
+    <header class="col-3">
+      <slot name="header" />
+    </header>
+
+    <section class="col-6">
+      <slot />
+    </section>
+
+    <nav class="col-3">
+      <slot name="nav" />
+    </nav>
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'MainContentLayout',
+  props: {
+    id: {
+      type: String,
+      required: true
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>