35 lines
2.0 KiB
Vue
35 lines
2.0 KiB
Vue
<script setup>
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<div id="create-task-modal" tabindex="-1" aria-hidden="true" class="absolute left-[50%] translate-x-[-50%] overflow-y-auto overflow-x-hidden w-50 top-20 lg:top-32 z-50">
|
|
<div class="relative p-4 max-h-full">
|
|
<!-- Modal content -->
|
|
<div class="relative bg-white rounded-lg shadow dark:bg-[rgb(50,50,50)]">
|
|
<!-- Modal header -->
|
|
<div class="flex items-center justify-between px-5 py-2 md:py-3 border-b rounded-t">
|
|
<h3 class="text-xl font-semibold text-gray-700 dark:text-gray-100 mr-2">
|
|
Вы уверены?
|
|
</h3>
|
|
<button type="button" @click="$emit('close')" class="transition-colors text-gray-400 dark:text-gray-300 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center" data-modal-hide="default-modal">
|
|
<svg class="w-3 h-3" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
|
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"/>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
<!-- Modal body
|
|
<div class="p-4 md:p-5 space-y-4"></div>
|
|
Modal footer -->
|
|
<div class="flex items-center py-3 px-5 md:p-3 border-t border-gray-200 rounded-b">
|
|
<button @click="$emit('yes')" class="text-white bg-red-500 hover:bg-red-600 transition-colors font-medium rounded-lg text-sm px-5 py-2.5 text-center">Да</button>
|
|
<button @click="$emit('close')" class="ml-2 bg-zinc-200 hover:bg-zinc-300 text-black transition-colors font-medium rounded-lg text-sm px-5 py-2.5 text-center">Нет</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
</style> |