github
/
nocodb
mirror of https://github.com/nocodb/nocodb
1
0
Fork 0
Code Issues Releases Wiki Activity
Browse Source

chore(gui-v2): change signin, signup & forget-password form structure

pull/3249/head
braks 2 years ago
parent
c323a53b88
commit
f8cd8685b6
3 changed files with 50 additions and 59 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 19
      packages/nc-gui-v2/pages/forgot-password.vue
  2. 20
      packages/nc-gui-v2/pages/signin.vue
  3. 4
      packages/nc-gui-v2/pages/signup/[[token]].vue

19
packages/nc-gui-v2/pages/forgot-password.vue
Unescape View File

@ -59,16 +59,9 @@ function resetError() {
<template>
<NuxtLayout>
<a-form
ref="formValidator"
layout="vertical"
:model="form"
class="bg-primary/5 forgot-password h-full flex justify-center items-center nc-form-signin"
@finish="resetPassword"
>
<div class="h-full w-full flex flex-col items-center justify-center pt-[50px]">
<div class="md:bg-primary/5 forgot-password h-full min-h-[600px] flex flex-col justify-center items-center">
<div
class="color-transition bg-white dark:(!bg-gray-900 !text-white) relative flex flex-col justify-center gap-2 w-full max-w-[500px] mx-auto p-8 md:(rounded-lg border-1 border-gray-200 shadow-xl)"
class="bg-white mt-[60px] relative flex flex-col justify-center gap-2 w-full max-w-[500px] mx-auto p-8 md:(rounded-lg border-1 border-gray-200 shadow-xl)"
>
<general-noco-icon
class="color-transition hover:(ring ring-pink-500)"
@ -92,6 +85,7 @@ function resetError() {
</template>
</div>
<a-form ref="formValidator" layout="vertical" :model="form" no-style @finish="resetPassword">
<Transition name="layout">
<div v-if="error" class="self-center mb-4 bg-red-500 text-white rounded-lg w-3/4 mx-auto p-1">
<div class="flex items-center gap-2 justify-center">
@ -107,7 +101,10 @@ function resetError() {
<div class="self-center flex flex-col gap-4 items-center justify-center w-full">
<button class="submit" type="submit">
<span class="flex items-center gap-2"><MdiLogin /> {{ $t('activity.sendEmail') }}</span>
<span class="flex items-center gap-2">
<MdiLogin />
{{ $t('activity.sendEmail') }}
</span>
</button>
<div class="text-end prose-sm">
@ -115,9 +112,9 @@ function resetError() {
<nuxt-link to="/signin">{{ $t('general.signIn') }}</nuxt-link>
</div>
</div>
</a-form>
</div>
</div>
</a-form>
</NuxtLayout>
</template>

20
packages/nc-gui-v2/pages/signin.vue
Unescape View File

@ -80,16 +80,9 @@ function resetError() {
<template>
<NuxtLayout>
<a-form
ref="formValidator"
:model="form"
layout="vertical"
class="bg-primary/5 signin h-full flex justify-center items-center nc-form-signin"
@finish="signIn"
>
<div class="h-full w-full flex flex-col items-center justify-center pt-[50px]">
<div class="md:bg-primary/5 signin h-full min-h-[600px] flex flex-col justify-center items-center nc-form-signup">
<div
class="bg-white dark:(!bg-gray-900 !text-white) relative flex flex-col justify-center gap-2 w-full max-w-[500px] mx-auto p-8 md:(rounded-lg border-1 border-gray-200 shadow-xl)"
class="bg-white mt-[60px] relative flex flex-col justify-center gap-2 w-full max-w-[500px] mx-auto p-8 md:(rounded-lg border-1 border-gray-200 shadow-xl)"
>
<general-noco-icon
class="!rounded-full color-transition hover:(ring ring-pink-500)"
@ -98,6 +91,7 @@ function resetError() {
<h1 class="prose-2xl font-bold self-center my-4">{{ $t('general.signIn') }}</h1>
<a-form ref="formValidator" :model="form" layout="vertical" no-style @finish="signIn">
<Transition name="layout">
<div v-if="error" class="self-center mb-4 bg-red-500 text-white rounded-lg w-3/4 mx-auto p-1">
<div class="flex items-center gap-2 justify-center">
@ -108,7 +102,7 @@ function resetError() {
</Transition>
<a-form-item :label="$t('labels.email')" name="email" :rules="formRules.email">
<a-input v-model:value="form.email" size="large" :placeholder="$t('labels.email')" @focus="resetError" />
<a-input v-model:value="form.email" size="large" :placeholder="$t('msg.info.signUp.workEmail')" @focus="resetError" />
</a-form-item>
<a-form-item :label="$t('labels.password')" name="password" :rules="formRules.password">
@ -116,12 +110,12 @@ function resetError() {
v-model:value="form.password"
size="large"
class="password"
:placeholder="$t('labels.password')"
:placeholder="$t('msg.info.signUp.enterPassword')"
@focus="resetError"
/>
</a-form-item>
<div class="hidden md:block self-end">
<div class="hidden md:block text-right">
<nuxt-link class="prose-sm" to="/forgot-password">
{{ $t('msg.info.signUp.forgotPassword') }}
</nuxt-link>
@ -146,9 +140,9 @@ function resetError() {
</nuxt-link>
</div>
</div>
</a-form>
</div>
</div>
</a-form>
</NuxtLayout>
</template>

4
packages/nc-gui-v2/pages/signup/[[token]].vue
Unescape View File

@ -102,9 +102,9 @@ function resetError() {
<template>
<NuxtLayout>
<div class="bg-primary/5 signup h-full min-h-[600px] flex flex-col justify-center items-center nc-form-signup">
<div class="md:bg-primary/5 signup h-full min-h-[600px] flex flex-col justify-center items-center">
<div
class="bg-white dark:(!bg-gray-900 !text-white) mt-[60px] relative flex flex-col justify-center gap-2 w-full max-w-[500px] mx-auto p-8 md:(rounded-lg border-1 border-gray-200 shadow-xl)"
class="bg-white mt-[60px] relative flex flex-col justify-center gap-2 w-full max-w-[500px] mx-auto p-8 md:(rounded-lg border-1 border-gray-200 shadow-xl)"
>
<general-noco-icon
class="color-transition hover:(ring ring-pink-500)"

Write Preview
Loading…
Cancel
Save