WIP Реальзовала изменение события на сервер

This commit is contained in:
Daria Golova
2022-11-07 15:00:58 +03:00
parent 86b4a91d23
commit 4afd678f4a
7 changed files with 102 additions and 64 deletions

View File

@@ -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

View File

@@ -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

View File

@@ -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>

View File

@@ -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>