fix(style): Password Input remove styles and indent

This commit is contained in:
ArneBo 2024-12-29 13:35:32 +01:00 committed by upsiflu
parent a2677477f7
commit a33face736
1 changed files with 14 additions and 26 deletions

View File

@ -56,33 +56,21 @@ const copyPassword = () => {
name="password"
:type="passwordInputType"
>
<template #input-right>
<Button
:title="labels.title"
icon="bi-eye"
@click.prevent="showPassword = !showPassword"
>
</Button>
<Button
v-if="copyButton && canCopy"
icon="bi-copy"
:title="labels.copy"
@click.prevent="copyPassword"
>
</Button>
<template #input-right>
<Button
:title="labels.title"
icon="bi-eye"
@click.prevent="showPassword = !showPassword"
>
</Button>
<Button
v-if="copyButton && canCopy"
icon="bi-copy"
:title="labels.copy"
@click.prevent="copyPassword"
>
</Button>
</template>
</Input>
</div>
</template>
<style>
input#password-field {
outline: none;
}
label#password-field .input-right .button,
label#password-field .input-right .button:hover {
background-color: transparent !important;
border: none !important;
}
</style>