Update Type7.vue and DetailDialog.vue components, and style.css

This commit is contained in:
Dede Fuji Abdul
2024-03-07 17:05:21 +07:00
parent c6bb405b57
commit 7bad39e629
9 changed files with 3987 additions and 375 deletions

View File

@@ -5,7 +5,7 @@ import {
DialogTitle,
TransitionChild,
TransitionRoot
} from '@headlessui/vue'
} from '@headlessui/vue';
defineProps({
open: {
type: Boolean,
@@ -45,9 +45,10 @@ const handleOnClose = () => {
:class="[fullWidth ? 'sm:max-w-[90%]' : 'sm:max-w-lg', 'relative overflow-hidden text-left transition-all transform bg-gray-50 rounded-2xl sm:my-8 sm:w-full']">
<!-- Body Section -->
<div class="px-4 py-4 bg-gray-50">
<div class="flex flex-col items-start">
<div class="items-start">
<div class="flex items-start justify-between w-full">
<DialogTitle as="h3" class="flex-1 text-2xl font-semibold leading-6 text-gray-900">
<DialogTitle as="h3"
class="flex-1 text-2xl font-semibold leading-6 text-gray-900">
{{ title }}
</DialogTitle>
<div class="flex items-center ml-3 h-7">