modal-detail

src/modules/05_placement/components/DialogHeader.vue

@@ -0,0 +1,27 @@
+<template>
+  <q-toolbar>
+    <q-toolbar-title class="text-subtitle2 text-bold">{{ tittle }}</q-toolbar-title>
+    <q-btn
+    icon="close"
+    unelevated
+    round
+    dense
+    @click="close"
+    style="color: #ff8080; background-color: #ffdede"
+      />
+  </q-toolbar>
+</template>
+<script setup lang="ts">
+import { ref, useAttrs } from "vue";
+
+const props = defineProps({
+  tittle: String,
+  close: {
+    type: Function,
+    default: () => console.log("not function"),
+  },
+});
+const close = async () => {
+  props.close();
+};
+</script>