Auth: Refactor login screen page structure and classes

Signed-off-by: Michael Mayer <michael@photoprism.app>
This commit is contained in:
Michael Mayer 2023-01-12 13:39:45 +01:00
parent 454582e4bc
commit 00ef978079

View file

@ -46,8 +46,8 @@
@keyup.enter.native="login" @keyup.enter.native="login"
></v-text-field> ></v-text-field>
</v-flex> </v-flex>
<v-flex xs12 class="px-2 py-1"> <v-flex xs12 class="px-2 py-1 auth-actions">
<div class="action-buttons text-xs-center"> <div class="action-buttons auth-buttons text-xs-center">
<v-btn v-if="registerUri" :color="colors.secondary" outline :block="$vuetify.breakpoint.xsOnly" <v-btn v-if="registerUri" :color="colors.secondary" outline :block="$vuetify.breakpoint.xsOnly"
:style="`color: ${colors.link}!important`" class="action-register ra-6 px-3 py-2 opacity-80" :style="`color: ${colors.link}!important`" class="action-register ra-6 px-3 py-2 opacity-80"
@click.stop.prevent="register"> @click.stop.prevent="register">
@ -61,13 +61,13 @@
<v-icon v-else right dark>navigate_next</v-icon> <v-icon v-else right dark>navigate_next</v-icon>
</v-btn> </v-btn>
</div> </div>
<div v-if="passwordResetUri" class="auth-links text-xs-center opacity-80">
<a :href="passwordResetUri" class="text-link link--text">
<translate>Forgot password?</translate>
</a>
</div>
</v-flex> </v-flex>
</v-layout> </v-layout>
<div v-if="passwordResetUri" class="text-xs-center opacity-80">
<a :href="passwordResetUri" class="text-link" :style="`color: ${colors.link}!important`">
<translate>Forgot password?</translate>
</a>
</div>
</v-card-text> </v-card-text>
</v-card> </v-card>
</v-form> </v-form>