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" name="password"
:type="passwordInputType" :type="passwordInputType"
> >
<template #input-right> <template #input-right>
<Button <Button
:title="labels.title" :title="labels.title"
icon="bi-eye" icon="bi-eye"
@click.prevent="showPassword = !showPassword" @click.prevent="showPassword = !showPassword"
> >
</Button> </Button>
<Button <Button
v-if="copyButton && canCopy" v-if="copyButton && canCopy"
icon="bi-copy" icon="bi-copy"
:title="labels.copy" :title="labels.copy"
@click.prevent="copyPassword" @click.prevent="copyPassword"
> >
</Button> </Button>
</template> </template>
</Input> </Input>
</div> </div>
</template> </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>