halaman view permission

components/ui-components2/dialogs/DialogsScrollable.vue

@@ -0,0 +1,33 @@
+<script setup lang="ts">
+import { ref } from "vue";
+const props = defineProps({
+  modelValue: {
+    type: Boolean,
+  },
+});
+
+const emit = defineEmits(["update:modelValue"]);
+
+
+</script>
+
+<template>
+  <div class="text-center">
+    <v-dialog :model-value="modelValue" scrollable class="dialog-mw" persistent>
+      <v-card>
+        <v-card-title>
+          <slot name="title"></slot>
+        </v-card-title>
+        <v-divider></v-divider>
+        <v-card-text style="height: 300px" class="overflow-auto">
+          <slot name="text"></slot>
+        </v-card-text>
+        <v-divider></v-divider>
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <slot name="actions"></slot>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  </div>
+</template>