Browse Source

chore(gui-v2): update pre-login pages error msg style

pull/3158/head
braks 2 years ago
parent
commit
68551192f3
  1. 6
      packages/nc-gui-v2/pages/forgot-password.vue
  2. 6
      packages/nc-gui-v2/pages/signin.vue
  3. 2
      packages/nc-gui-v2/pages/signup/[[token]].vue

6
packages/nc-gui-v2/pages/forgot-password.vue

@ -63,10 +63,10 @@ function resetError() {
ref="formValidator"
layout="vertical"
:model="form"
class="bg-primary/5 forgot-password h-full min-h-[600px] flex justify-center items-center"
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 flex-wrap justify-center items-center">
<div class="h-full w-full flex flex-col items-center justify-center pt-[50px]">
<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)"
>
@ -96,7 +96,7 @@ function resetError() {
<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">
<MaterialSymbolsWarning />
<div style="flex: 0 0 auto" class="break-words">{{ error }}</div>
<div class="break-words">{{ error }}</div>
</div>
</div>
</Transition>

6
packages/nc-gui-v2/pages/signin.vue

@ -84,10 +84,10 @@ function resetError() {
ref="formValidator"
:model="form"
layout="vertical"
class="bg-primary/5 signin h-full min-h-[600px] flex justify-center items-center nc-form-signin"
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 flex-wrap items-center pt-[100px]">
<div class="h-full w-full flex flex-col items-center justify-center pt-[50px]">
<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)"
>
@ -102,7 +102,7 @@ function resetError() {
<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">
<MaterialSymbolsWarning />
<div style="flex: 0 0 auto" class="break-words">{{ error }}</div>
<div class="break-words">{{ error }}</div>
</div>
</div>
</Transition>

2
packages/nc-gui-v2/pages/signup/[[token]].vue

@ -114,7 +114,7 @@ function resetError() {
<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">
<MaterialSymbolsWarning />
<div style="flex: 0 0 auto" class="break-words">{{ error }}</div>
<div class="break-words">{{ error }}</div>
</div>
</div>
</Transition>

Loading…
Cancel
Save