Renamed pw reset form variable

This commit is contained in:
Colin Kallemein 2024-11-02 01:47:23 +01:00
parent 1afc50ea6a
commit 7d723530e6

View File

@ -1,6 +1,6 @@
<template>
<div class="relative max-lg:h-dvh flex flex-row-reverse">
<ResetPassword :isModalOpen="resetPasswordForm" />
<ResetPassword :isModalOpen="isPasswordResetFormShown" />
<div class="lg:bg-gradient-to-l bg-gradient-to-b from-gray-900 to-transparent w-full lg:w-1/2 h-[35dvh] lg:h-dvh absolute left-0 max-lg:bottom-0 lg:top-0 z-10"></div>
<div class="bg-[url('/assets/login/login-bg.png')] w-full lg:w-1/2 h-[35dvh] lg:h-dvh absolute left-0 max-lg:bottom-0 lg:top-0 bg-no-repeat bg-cover bg-center"></div>
<div class="bg-gray-900 z-20 w-full lg:w-1/2 h-[65dvh] lg:h-dvh relative">
@ -21,7 +21,7 @@
</div>
<span v-if="loginError" class="text-red-200 text-xs absolute top-full mt-1">{{ loginError }}</span>
</div>
<button @click.stop="resetPasswordForm = !resetPasswordForm" type="button" class="inline-flex self-end p-0 text-cyan-300 text-base">Forgot password?</button>
<button @click.stop="isPasswordResetFormShown = !isPasswordResetFormShown" type="button" class="inline-flex self-end p-0 text-cyan-300 text-base">Forgot password?</button>
<button class="btn-cyan px-0 xs:w-full" type="submit">Play now</button>
<!-- Divider shape -->
@ -75,7 +75,7 @@ import { useCookies } from '@vueuse/integrations/useCookies'
import ResetPassword from '@/components/utilities/ResetPassword.vue'
const props = defineProps(['isModalOpen'])
const resetPasswordForm = ref(props.isModalOpen)
const isPasswordResetFormShown = ref(props.isModalOpen)
const gameStore = useGameStore()
const username = ref('')