WIP Реальзовала изменение события на сервер
This commit is contained in:
@@ -50,7 +50,7 @@ export default {
|
||||
border: 2px solid var(--border-light-grey-color)
|
||||
border-radius: 4px
|
||||
background-color: var(--default-white)
|
||||
color: var(--font-dark-blue-color)
|
||||
color: var(--font-black-color)
|
||||
.date
|
||||
background: url("../../assets/icons/calendar-input.svg") no-repeat 100% 50%
|
||||
&::-webkit-calendar-picker-indicator
|
||||
|
||||
@@ -42,7 +42,7 @@ export default {
|
||||
.input-wrapper
|
||||
border-radius: 4px
|
||||
background-color: var(--default-white)
|
||||
color: var(--font-dark-blue-color)
|
||||
color: var(--font-black-color)
|
||||
.date
|
||||
background: url("../../assets/icons/calendar-input.svg") no-repeat 100% 50%
|
||||
&::-webkit-calendar-picker-indicator
|
||||
|
||||
@@ -42,5 +42,5 @@ export default {
|
||||
.input-wrapper
|
||||
border-radius: 4px
|
||||
background-color: var(--default-white)
|
||||
color: var(--font-dark-blue-color)
|
||||
color: var(--font-black-color)
|
||||
</style>
|
||||
|
||||
@@ -1,7 +1,9 @@
|
||||
<template lang="pug">
|
||||
.base-select(@click="open = !open", :class="{'open': open, 'border-none': borderNone}")
|
||||
.placeholder.text-base(:class="{'value-color': value}") {{ value || placeholder }}
|
||||
span.icon-down-arrow.open-icon(:class="{'open': open }")
|
||||
.flex.items-center
|
||||
.select-form-separator.cursor-pointer.mr-4(v-if="separator")
|
||||
span.icon-down-arrow.open-icon(:class="{'open': open }")
|
||||
base-menu(v-if="open")
|
||||
.items-container(@click="open = false", @mouseleave="leaveSelect")
|
||||
.item(v-for="item in items", :key="item.id" @click="clickItem(item.label)") {{ item.label }}
|
||||
@@ -20,6 +22,7 @@ export default {
|
||||
default: () => [],
|
||||
},
|
||||
borderNone: Boolean,
|
||||
separator: Boolean,
|
||||
},
|
||||
emits: ["update:modelValue"],
|
||||
data() {
|
||||
@@ -96,4 +99,9 @@ export default {
|
||||
border: none
|
||||
.value-color
|
||||
opacity: 1
|
||||
.select-form-separator
|
||||
background-color: var(--btn-blue-color-3)
|
||||
height: 24px
|
||||
width: 1px
|
||||
border-radius: 1px
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user