Add Mdcontainer component

src/components/DecisionTree/DecisionTree.scss

@@ -1 +1,8 @@
 @import "~@/scss/GlobalVariables";
+
+.toggle-button {
+  position: fixed;
+  left: 200px;
+  top: 200px;
+  z-index: 99999;
+}

src/components/DecisionTree/DecisionTree.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="">
+    <button class="toggle-button" @click="toggle">toggle</button>
     <b-modal
       ref="DecisionTree"
       hide-footer
@@ -9,15 +10,23 @@
       lazy
       class="bootstrap-modal nopadding decision-tree-modal"
     >
-      <div class="modal-contents">Hi</div>
+      <div class="modal-contents">
+        <div>header</div>
+        <md-container />
+        <div>footer</div>
+      </div>
     </b-modal>
   </div>
 </template>
 
 <script>
+import MdContainer from './components/MdContainer';
+
 export default {
   name: 'DecisionTree',
-  components: {},
+  components: {
+    'md-container': MdContainer
+  },
   props: {},
   data() {
     return {};

src/components/DecisionTree/components/MdContainer/MdContainer.scss

@@ -0,0 +1 @@
+@import '~@/scss/GlobalVariables';

src/components/DecisionTree/components/MdContainer/MdContainer.vue

@@ -0,0 +1,22 @@
+<template>
+  <div class="">
+    md
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'MdContainer',
+  components: {},
+  props: {},
+  data() {
+    return {};
+  },
+  mounted() {},
+  methods: {}
+};
+</script>
+
+<style lang="scss" scoped>
+@import 'MdContainer.scss';
+</style>

src/components/DecisionTree/components/MdContainer/index.js

@@ -0,0 +1 @@
+export { default } from './MdContainer';