butter/keanu-weblite
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Use new button variants

Browse source
This commit is contained in:
N-Pex 2025-05-09 10:17:59 +02:00
parent 866607a949
commit 674eaa5eeb
32 changed files with 87 additions and 92 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/InteractiveAuth.vue
View file

@ -11,7 +11,7 @@
<div class="text-start font-weight-light">{{ $t("login.email") }}</div>
<v-text-field v-model="email" color="black" :rules="emailRules" type="email" maxlength="200"
background-color="white" v-on:keyup.enter="onEmailEntered(email)" autofocus variant="solo"></v-text-field>
<v-btn :disabled="!emailIsValid" color="black" depressed class="filled-button"
<v-btn :disabled="!emailIsValid" color="black" variant="flat" class="filled-button"
@click.stop="onEmailEntered(email)">
{{ $t("login.send_verification") }}
</v-btn>
@ -39,7 +39,7 @@
</v-row>
<v-row cols="12" align="center" justify="center">
<v-col sm="8" align="center">
<v-btn color="black" :disabled="!this.allPoliciesAccepted" depressed class="filled-button"
<v-btn color="black" :disabled="!this.allPoliciesAccepted" variant="flat" class="filled-button"
@click.stop="onPoliciesAccepted()">
{{ $t("login.accept_terms") }}
</v-btn>
@ -55,7 +55,7 @@
<v-progress-circular style="display: inline-flex" indeterminate color="primary"
size="20"></v-progress-circular>
</div>
<v-btn color="black" depressed class="filled-button" @click.stop="onEmailResend()">
<v-btn color="black" variant="flat" class="filled-button" @click.stop="onEmailResend()">
{{ $t("login.resend_verification") }}
</v-btn>
</v-col>
@ -68,7 +68,7 @@
<div class="text-start font-weight-light">{{ $t("login.registration_token") }}</div>
<v-text-field v-model="token" color="black" :rules="tokenRules" type="text" maxlength="64"
background-color="white" v-on:keyup.enter="onTokenEntered(token)" autofocus variant="solo"></v-text-field>
<v-btn :disabled="!tokenIsValid" color="black" depressed class="filled-button"
<v-btn :disabled="!tokenIsValid" color="black" variant="flat" class="filled-button"
@click.stop="onTokenEntered(token)">
{{ $t("login.send_token") }}
</v-btn>