Add new widget

2018-09-06 10:14:28 +02:00 · 2018-09-06 10:14:28 +02:00 · 9ba1485c75
parent 873a49c7dc
commit 9ba1485c75
1 changed files with 32 additions and 2 deletions
--- a/client/src/components/AddContentElement.vue
+++ b/client/src/components/AddContentElement.vue
@ -1,5 +1,35 @@
 <template>
-  <div>
-    <h1>Add Block</h1>
+  <div class="add-content-element">
+    <add-icon class="add-content-element__icon"></add-icon>
  </div>
 </template>
+
+<script>
+  import AddIcon from '@/components/icons/AddIcon';
+
+  export default {
+    components: {
+      AddIcon
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  @import "@/styles/_variables.scss";
+
+  .add-content-element {
+    display: flex;
+    justify-content: center;
+    border-bottom: 2px solid $color-grey;
+    margin-bottom: 21px + 25px;
+
+    &__icon {
+      width: 40px;
+      height: 40px;
+      fill: $color-grey;
+      margin-bottom: -21px;
+      background-color: $color-white;
+      border-radius: 50px;
+    }
+  }
+</style>