WIP Исправлены baseInputs на TheLogin

This commit is contained in:
Daria Golova
2022-12-29 16:31:49 +03:00
parent e138bedfac
commit 78fd2a4233
4 changed files with 21 additions and 25 deletions

View File

@@ -104,7 +104,7 @@ export default {
box-shadow: 1px 1px 8px rgba(37, 40, 80, 0.15)
border-radius: 4px
background-color: white
max-height: 140px
max-height: 142px
overflow-y: auto
.placeholder
color: #090A15

View File

@@ -2,13 +2,14 @@
.flex.flex-col.gap-y-2
.label.font-semibold.text-sm.opacity-40(v-if="label") {{ label }}
.input-wrapper.flex.gap-x-2.px-4.box-border.py-10px(
:class="{'border-none': borderNone}"
:class="{'border-none': borderNone, 'border-error': borderError }"
:style="{'background-color': disabled && 'var(--bg-disable-grey-color)'}"
)
input.input.w-full.outline-0.not-italic(
v-model="value",
:placeholder="placeholder",
:disabled="disabled"
:disabled="disabled",
:type="type"
)
.slot(v-if="withIcon", :class="iconPosition")
slot.cursor-pointer
@@ -18,6 +19,9 @@
export default {
name: "BaseInput",
props: {
type: {
derault: "text",
},
modelValue: String,
withIcon: {
default: false,
@@ -27,6 +31,7 @@ export default {
},
placeholder: String,
borderNone: Boolean,
borderError: Boolean,
disabled: Boolean,
label: String,
},
@@ -58,6 +63,8 @@ export default {
height: 40px
.border-none
border: none
.border-error
border-color: var(--border-red-color)
.input
background-color: inherit
&:disabled, &[disabled]