ayanova/src/components/dash-base.vue

@@ -0,0 +1,36 @@
+<template>
+  <v-sheet color="white" elevation="4" height="300">
+    <slot name="dash-title">
+      <!-- <div class="mx-2 mt-1 text-subtitle-1 text-md-h6 text-xl-h4">
+        {{ title }}
+
+        <v-btn icon class="float-right">
+          <v-icon>$ayiEllipsisV</v-icon>
+        </v-btn>
+      </div> -->
+
+      <v-toolbar flat dense>
+        <v-toolbar-title> {{ title }}</v-toolbar-title>
+
+        <v-spacer></v-spacer>
+
+        <!-- <v-btn icon>
+          <v-icon>mdi-heart</v-icon>
+        </v-btn> -->
+
+        <v-btn icon>
+          <v-icon>$ayiEllipsisV</v-icon>
+        </v-btn>
+      </v-toolbar>
+    </slot>
+    <slot name="main"><div class="ml-4 mt-1">CONTENT HERE</div></slot>
+  </v-sheet>
+</template>
+<script>
+export default {
+  data: () => ({}),
+  props: {
+    title: String
+  }
+};
+</script>