[WIP] Добавил модальное окно с отображением и выбором категорий льгот на форме контактов

This commit is contained in:
megavrilinvv
2023-04-18 17:30:16 +03:00
parent 3db47ddc67
commit 595a7a2160
4 changed files with 137 additions and 28 deletions

View File

@@ -5,9 +5,13 @@
@hide="onHide",
ref="dialog"
)
.base-content(:class="{'draggable': draggable}", ref="contentRef", :style="{...contentStyles, height}")
.base-content(
:class="{'draggable': draggable, 'base-content-default': !defaultPadding}",
ref="contentRef",
:style="{...contentStyles, height}"
)
q-resize-observer(@resize="onResize")
.base-header(draggable, :class="{'cursor-move': draggable}", ref="headerRef")
.base-header(v-if="!hideHeader" draggable, :class="{'cursor-move': draggable}", ref="headerRef")
.header-title.text {{ title }}
.icon-cancel.text-sm(@click="value = false", v-if="!showCloseIcon")
slot
@@ -25,6 +29,8 @@ export default {
showCloseIcon: Boolean,
draggable: Boolean,
hideOverlay: Boolean,
defaultPadding: Boolean,
hideHeader: Boolean,
height: {
type: String,
},
@@ -126,9 +132,11 @@ export default {
justify-content: center
align-items: center
.base-content-default
padding: 32px 40px
.base-content
width: auto
padding: 32px 40px
background-color: var(--default-white)
box-shadow: 4px 4px 8px rgba(9, 10, 21, 0.1), -4px -4px 8px rgba(9, 10, 21, 0.1)
border-radius: 4px