First Committ

src/layouts/drawer/drawer.scss

@@ -0,0 +1,49 @@
+.background-red {
+  background-color: red;
+  padding: 2px;
+}
+
+.fixed-bottom {
+  margin-bottom: 1%;
+}
+
+.fixed-bottom a img {
+  width: 25px;
+  height: 25px;
+}
+
+#avatar {
+  padding: 20px;
+}
+
+#profile {
+  background-color: #009688;
+}
+
+#user-name {
+  left: 90px;
+  bottom: 77px;
+  position: relative;
+  width: 159px;
+}
+
+#user-actions {
+  //left: 90px;
+  //bottom: 40px;
+  //position: relative;
+  //width: 171px;
+}
+
+#menu-collapse {
+  margin-top: 5%;
+}
+
+.fixed-left:hover {
+  cursor: ew-resize;
+}
+
+footer {
+  small {
+    color: red;
+  }
+}

src/layouts/drawer/drawer.ts

@@ -0,0 +1,20 @@
+import { defineComponent } from 'vue'
+import menuOne from '../menuone/menuOne.vue'
+
+export default defineComponent({
+  name: 'Drawer',
+  components: {
+    menuOne,
+  },
+  props: {
+    clBase: {
+      type: String,
+      required: false,
+      default: 'my-menu',
+    },
+  },
+
+  setup(props) {
+    return {}
+  },
+})

src/layouts/drawer/drawer.vue

@@ -0,0 +1,11 @@
+<template>
+    <div>
+        <menu-one :clBase="clBase"></menu-one>
+    </div>
+</template>
+
+<script lang="ts" src="./drawer.ts">
+</script>
+<style lang="scss" scoped>
+    @import './drawer.scss';
+</style>