HAM!DREZA
46 lines
1.5 KiB
Vue
46 lines
1.5 KiB
Vue
|
|
<template>
|
|
<div class="w-[25.573vw] text-secondaryTextColor space-y-6">
|
|
<p class="text-[1.502vw] border-b px-[0.5vw]">بازیابی رمز عبور</p>
|
|
<div class="relative flex flexBox w-full pt-[0.5vw] pb-[1.5vw]">
|
|
<input
|
|
type="text"
|
|
class="loginInput"
|
|
placeholder="ایمیل خود را وارد کنید"
|
|
/>
|
|
test
|
|
<svg
|
|
class="h-[1.146vw] w-[1.146vw] absolute left-[1.2vw]"
|
|
viewBox="0 0 22 22"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M15.583 18.7916H6.41634C3.66634 18.7916 1.83301 17.4166 1.83301 14.2083V7.79165C1.83301 4.58331 3.66634 3.20831 6.41634 3.20831H15.583C18.333 3.20831 20.1663 4.58331 20.1663 7.79165V14.2083C20.1663 17.4166 18.333 18.7916 15.583 18.7916Z"
|
|
stroke="#878787"
|
|
stroke-width="1.5"
|
|
stroke-miterlimit="10"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
/>
|
|
<path
|
|
d="M15.5837 8.25L12.7145 10.5417C11.7703 11.2933 10.2212 11.2933 9.27699 10.5417L6.41699 8.25"
|
|
stroke="#878787"
|
|
stroke-width="1.5"
|
|
stroke-miterlimit="10"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
<button class="greenButton w-full" @click="sendResetLink">ثبت</button>
|
|
</div>
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
const ResetPasswordLinkData = useState("ResetPasswordLink");
|
|
const sendResetLink = () => {
|
|
ResetPasswordLinkData.value = true;
|
|
};
|
|
</script> |