imshvc/noxious_client
1
0
Fork 0
forked from noxious/client
Code Pull Requests Activity

Modal update: added closable prop and hide close btn when value is false

Browse Source
This commit is contained in:
Dennis Postma 2024-06-09 22:29:07 +02:00
parent 4525634bc9
commit daa469d5e5
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/utilities/Modal.vue
View File

@ -3,7 +3,7 @@
<div class="modal-container" :style="{ top: y + 'px', left: x + 'px' }" v-if="isModalOpenRef"> <div class="modal-container" :style="{ top: y + 'px', left: x + 'px' }" v-if="isModalOpenRef">
<div class="modal-header" @mousedown="startDrag"> <div class="modal-header" @mousedown="startDrag">
<slot name="modal-header" /> <slot name="modal-header" />
<button @click="close"><img draggable="false" src="/assets/icons/close-button-white.svg" /></button> <button @click="close" v-if="closable"><img draggable="false" src="/assets/icons/close-button-white.svg" /></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<slot name="modal-body" /> <slot name="modal-body" />
@ -22,6 +22,10 @@ const properties = defineProps({
isModalOpen: { isModalOpen: {
type: Boolean, type: Boolean,
default: false default: false
},
closable: {
type: Boolean,
default: true
} }
}) })