WIP Изменены стили блока адрес
This commit is contained in:
@@ -1,7 +1,8 @@
|
||||
<template lang="pug">
|
||||
.base-select(@click="open = !open", :class="{'open': open, 'border-none': borderNone}")
|
||||
.base-select(@click="invertOpen", :class="{'open': open && !disable, 'border-none': borderNone}")
|
||||
.placeholder(
|
||||
:class="{'value-color': value || placeholderOpacity, ...textClass}"
|
||||
:class="{'value-color': value || placeholderOpacity, ...textClass}",
|
||||
:style="{'color': !disable || '#9ca3af', 'opacity': 1}"
|
||||
) {{ value || placeholder }}
|
||||
.flex.items-center
|
||||
.select-form-separator.cursor-pointer.mr-4(v-if="separator")
|
||||
@@ -65,6 +66,9 @@ export default {
|
||||
leaveSelect() {
|
||||
this.open = false;
|
||||
},
|
||||
invertOpen() {
|
||||
if (!this.disable) this.open = !this.open;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
@@ -80,7 +80,7 @@
|
||||
@click="() => copyValue(item)"
|
||||
)
|
||||
.flex(v-if="settings[section].options && !isChange")
|
||||
span.text-sm.w-fit(:style="{fontWeight:key === 'numba'&&600}") {{item === 'issued_by_date' ? formattedDate : item}}
|
||||
span.text-sm.w-fit(:style="{fontWeight:key === 'numba'&&600}") {{key === 'issued_by_date' ? formattedDate : item}}
|
||||
.copy.icon-copy.cursor-pointer.pl-4(
|
||||
v-if="key === 'numba'",
|
||||
@click="() => copyValue(item)"
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template lang="pug">
|
||||
.input-wrapper.flex.gap-x-2.px-3.box-border.w-max-fit(class="py-2.5")
|
||||
textarea.place-input.w-full.outline-0.text-sm.not-italic.resize-none.font-medium(
|
||||
.input-wrapper.flex.gap-x-2.px-3.box-border.w-max-fit.text-sm(class="py-2.5")
|
||||
textarea.place-input.w-full.outline-0.not-italic.resize-none.font-medium(
|
||||
v-if="!sharp"
|
||||
:rows="textareaRows",
|
||||
:value="value",
|
||||
@@ -8,7 +8,7 @@
|
||||
@input="$emit('update:value', $event.target.value)",
|
||||
:placeholder="placeholder",
|
||||
)
|
||||
input.place-input.w-full.outline-0.text-sm.not-italic.resize-none.font-medium(
|
||||
input.w-full.outline-0.not-italic.font-medium(
|
||||
v-else,
|
||||
:value="value",
|
||||
@input="$emit('update:value', $event.target.value)",
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
.flex.flex-col.gap-y-4
|
||||
.flex.flex-col(class="gap-y-1.5")
|
||||
.text-info.text-xxs.font-semibold Город
|
||||
base-select.cursor-grab(
|
||||
base-select.text-sm(
|
||||
disable,
|
||||
textStyle="text-sm",
|
||||
placeholder="Введите город",
|
||||
@@ -11,7 +11,7 @@
|
||||
)
|
||||
.flex.flex-col(class="gap-y-1.5")
|
||||
.text-info.text-xxs.font-semibold Область
|
||||
base-input.input-info(
|
||||
base-input.text-sm.input-info(
|
||||
disabled,
|
||||
placeholder="Введите область",
|
||||
v-model:value="dopeAddress.region",
|
||||
@@ -19,7 +19,7 @@
|
||||
)
|
||||
.flex.flex-col(class="gap-y-1.5")
|
||||
.text-info.text-xxs.font-semibold Улица
|
||||
base-input.input-info(
|
||||
base-input.text-sm.input-info(
|
||||
disabled,
|
||||
placeholder="Введите улицу",
|
||||
v-model:value="dopeAddress.street",
|
||||
@@ -28,7 +28,7 @@
|
||||
.flex.gap-x-4
|
||||
.flex.flex-col(class="gap-y-1.5")
|
||||
.text-info.text-xxs.font-semibold Дом
|
||||
base-input.input-info(
|
||||
base-input.text-sm.input-info(
|
||||
disabled,
|
||||
placeholder="Дом",
|
||||
v-model:value="dopeAddress.house",
|
||||
@@ -36,7 +36,7 @@
|
||||
)
|
||||
.flex.flex-col(class="gap-y-1.5")
|
||||
.text-info.text-xxs.font-semibold Квартира
|
||||
base-input.input-info(
|
||||
base-input.text-sm.input-info(
|
||||
disabled,
|
||||
placeholder="Квартира",
|
||||
v-model:value="dopeAddress.flat",
|
||||
@@ -44,7 +44,7 @@
|
||||
)
|
||||
.flex.flex-col(class="gap-y-1.5")
|
||||
.text-info.text-xxs.font-semibold Индекс
|
||||
base-input.input-info(
|
||||
base-input.text-sm.input-info(
|
||||
disabled,
|
||||
v-mask="'######'",
|
||||
placeholder="000000",
|
||||
|
||||
Reference in New Issue
Block a user