IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2025-12-13 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

rounded corners for username input field

Browse Source
This commit is contained in:
Moriz Wahl 2023-05-17 10:22:32 +02:00
parent f7441395cd
commit 2e3e9666e5
1 changed files with 20 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
frontend/src/components/Inputs/InputUsername.vue
View File

@ -9,28 +9,26 @@
v-slot="{ errors, valid, validated, ariaInput, ariaMsg }" v-slot="{ errors, valid, validated, ariaInput, ariaMsg }"
> >
<b-form-group :label-for="labelFor"> <b-form-group :label-for="labelFor">
<b-input-group> <b-form-input
<b-form-input v-model="currentValue"
v-model="currentValue" v-bind="ariaInput"
v-bind="ariaInput" :id="labelFor"
:id="labelFor" :name="name"
:name="name" :placeholder="placeholder"
:placeholder="placeholder" type="text"
type="text" :state="validated ? valid : false"
:state="validated ? valid : false" ></b-form-input>
></b-form-input> <b-form-invalid-feedback v-bind="ariaMsg">
<b-form-invalid-feedback v-bind="ariaMsg"> <div v-if="showAllErrors">
<div v-if="showAllErrors"> <span v-for="error in errors" :key="error">
<span v-for="error in errors" :key="error"> {{ error }}
{{ error }} <br />
<br /> </span>
</span> </div>
</div> <div v-else>
<div v-else> {{ errors[0] }}
{{ errors[0] }} </div>
</div> </b-form-invalid-feedback>
</b-form-invalid-feedback>
</b-input-group>
</b-form-group> </b-form-group>
</validation-provider> </validation-provider>
</template> </template>