WIP Изменены стили блока адрес

This commit is contained in:
Daria Golova
2022-12-08 13:20:04 +03:00
parent 9fece6b570
commit 2b9a9cd015
4 changed files with 16 additions and 12 deletions

View File

@@ -1,7 +1,8 @@
<template lang="pug"> <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( .placeholder(
:class="{'value-color': value || placeholderOpacity, ...textClass}" :class="{'value-color': value || placeholderOpacity, ...textClass}",
:style="{'color': !disable || '#9ca3af', 'opacity': 1}"
) {{ value || placeholder }} ) {{ value || placeholder }}
.flex.items-center .flex.items-center
.select-form-separator.cursor-pointer.mr-4(v-if="separator") .select-form-separator.cursor-pointer.mr-4(v-if="separator")
@@ -65,6 +66,9 @@ export default {
leaveSelect() { leaveSelect() {
this.open = false; this.open = false;
}, },
invertOpen() {
if (!this.disable) this.open = !this.open;
},
}, },
}; };
</script> </script>

View File

@@ -80,7 +80,7 @@
@click="() => copyValue(item)" @click="() => copyValue(item)"
) )
.flex(v-if="settings[section].options && !isChange") .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( .copy.icon-copy.cursor-pointer.pl-4(
v-if="key === 'numba'", v-if="key === 'numba'",
@click="() => copyValue(item)" @click="() => copyValue(item)"

View File

@@ -1,6 +1,6 @@
<template lang="pug"> <template lang="pug">
.input-wrapper.flex.gap-x-2.px-3.box-border.w-max-fit(class="py-2.5") .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.text-sm.not-italic.resize-none.font-medium( textarea.place-input.w-full.outline-0.not-italic.resize-none.font-medium(
v-if="!sharp" v-if="!sharp"
:rows="textareaRows", :rows="textareaRows",
:value="value", :value="value",
@@ -8,7 +8,7 @@
@input="$emit('update:value', $event.target.value)", @input="$emit('update:value', $event.target.value)",
:placeholder="placeholder", :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, v-else,
:value="value", :value="value",
@input="$emit('update:value', $event.target.value)", @input="$emit('update:value', $event.target.value)",

View File

@@ -2,7 +2,7 @@
.flex.flex-col.gap-y-4 .flex.flex-col.gap-y-4
.flex.flex-col(class="gap-y-1.5") .flex.flex-col(class="gap-y-1.5")
.text-info.text-xxs.font-semibold Город .text-info.text-xxs.font-semibold Город
base-select.cursor-grab( base-select.text-sm(
disable, disable,
textStyle="text-sm", textStyle="text-sm",
placeholder="Введите город", placeholder="Введите город",
@@ -11,7 +11,7 @@
) )
.flex.flex-col(class="gap-y-1.5") .flex.flex-col(class="gap-y-1.5")
.text-info.text-xxs.font-semibold Область .text-info.text-xxs.font-semibold Область
base-input.input-info( base-input.text-sm.input-info(
disabled, disabled,
placeholder="Введите область", placeholder="Введите область",
v-model:value="dopeAddress.region", v-model:value="dopeAddress.region",
@@ -19,7 +19,7 @@
) )
.flex.flex-col(class="gap-y-1.5") .flex.flex-col(class="gap-y-1.5")
.text-info.text-xxs.font-semibold Улица .text-info.text-xxs.font-semibold Улица
base-input.input-info( base-input.text-sm.input-info(
disabled, disabled,
placeholder="Введите улицу", placeholder="Введите улицу",
v-model:value="dopeAddress.street", v-model:value="dopeAddress.street",
@@ -28,7 +28,7 @@
.flex.gap-x-4 .flex.gap-x-4
.flex.flex-col(class="gap-y-1.5") .flex.flex-col(class="gap-y-1.5")
.text-info.text-xxs.font-semibold Дом .text-info.text-xxs.font-semibold Дом
base-input.input-info( base-input.text-sm.input-info(
disabled, disabled,
placeholder="Дом", placeholder="Дом",
v-model:value="dopeAddress.house", v-model:value="dopeAddress.house",
@@ -36,7 +36,7 @@
) )
.flex.flex-col(class="gap-y-1.5") .flex.flex-col(class="gap-y-1.5")
.text-info.text-xxs.font-semibold Квартира .text-info.text-xxs.font-semibold Квартира
base-input.input-info( base-input.text-sm.input-info(
disabled, disabled,
placeholder="Квартира", placeholder="Квартира",
v-model:value="dopeAddress.flat", v-model:value="dopeAddress.flat",
@@ -44,7 +44,7 @@
) )
.flex.flex-col(class="gap-y-1.5") .flex.flex-col(class="gap-y-1.5")
.text-info.text-xxs.font-semibold Индекс .text-info.text-xxs.font-semibold Индекс
base-input.input-info( base-input.text-sm.input-info(
disabled, disabled,
v-mask="'######'", v-mask="'######'",
placeholder="000000", placeholder="000000",