WIP Начала создание модального окна
This commit is contained in:
39
src/pages/clients/components/ClientTableDeleteModal.vue
Normal file
39
src/pages/clients/components/ClientTableDeleteModal.vue
Normal file
@@ -0,0 +1,39 @@
|
||||
<template lang="pug">
|
||||
.flex.flex-col.mb-1.mt-4
|
||||
span.font-medium.text-base.modal-text.mb-3 Вы действительно хотите удалить клиента?
|
||||
.flex.gap-x-3.mt-6.font-semibold
|
||||
base-button(
|
||||
outlined,
|
||||
:size=40,
|
||||
@click="closeModal"
|
||||
) Отменить
|
||||
base-button(
|
||||
outlined-red,
|
||||
:size=40,
|
||||
@click="deleteEvent"
|
||||
) Удалить
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import BaseButton from "@/components/base/BaseButton.vue";
|
||||
export default {
|
||||
name: "ClientTableDeleteModal",
|
||||
components: {
|
||||
BaseButton,
|
||||
},
|
||||
props: {
|
||||
closeModal: Function,
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="sass" scoped>
|
||||
.modal-text
|
||||
color: var(--font-grey-color)
|
||||
|
||||
.card-container
|
||||
width: 374px
|
||||
height: 82px
|
||||
border-radius: 4px
|
||||
border: 1px solid var(--border-light-grey-color-1)
|
||||
</style>
|
||||
Reference in New Issue
Block a user