Files
solidtime/resources/js/Components/DialogModal.vue
T
Gregor Vostrak 7cc686f230 restructure timetracker tests to use promise all (#7)
* restructure timetracker tests to use promise all

* remove unused variables & lint

---------

Co-authored-by: Gregor Vostrak <gregorvostrak@Gregors-MacBook-Pro.local>
2024-03-13 19:44:25 +01:00

47 lines
930 B
Vue

<script setup lang="ts">
import Modal from './Modal.vue';
const emit = defineEmits(['close']);
defineProps({
show: {
type: Boolean,
default: false,
},
maxWidth: {
type: String,
default: '2xl',
},
closeable: {
type: Boolean,
default: true,
},
});
const close = () => {
emit('close');
};
</script>
<template>
<Modal
:show="show"
:max-width="maxWidth"
:closeable="closeable"
@close="close">
<div class="px-6 py-4">
<div class="text-lg font-medium text-white">
<slot name="title" />
</div>
<div class="mt-4 text-sm text-muted">
<slot name="content" />
</div>
</div>
<div class="flex flex-row justify-end px-6 py-4 bg-gray-100 text-end">
<slot name="footer" />
</div>
</Modal>
</template>