From c323a53b88a5274e20c5349bc8e559b5286d0765 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Thu, 18 Aug 2022 22:06:55 +0200
Subject: [PATCH] chore(gui-v2): update transitions & styles

---
 packages/nc-gui-v2/assets/style-v2.scss       | 30 +++++++------------
 packages/nc-gui-v2/pages/signin.vue           |  7 +++--
 packages/nc-gui-v2/pages/signup/[[token]].vue |  5 ++++
 packages/nc-gui-v2/windi.config.ts            | 19 +-----------
 4 files changed, 21 insertions(+), 40 deletions(-)

diff --git a/packages/nc-gui-v2/assets/style-v2.scss b/packages/nc-gui-v2/assets/style-v2.scss
index 2ff1b5e33b..1fb987a247 100644
--- a/packages/nc-gui-v2/assets/style-v2.scss
+++ b/packages/nc-gui-v2/assets/style-v2.scss
@@ -27,17 +27,8 @@ main {
   overflow-x: hidden;
 }
 
-nav,
-nav .v-list {
-  @apply dark:(!bg-gray-900 text-white)
-}
-
-.v-divider {
-  @apply dark:bg-white
-}
-
 a {
-  @apply prose text-primary underline hover:opacity-75 dark:(text-secondary);
+  @apply prose text-primary !underline hover:!text-pink-500;
 }
 
 h1, h2, h3, h4, h5, h6, p, label, button, textarea, select {
@@ -159,25 +150,24 @@ h1, h2, h3, h4, h5, h6, p, label, button, textarea, select {
 .page-leave-active,
 .layout-enter-active,
 .layout-leave-active {
-  @apply transition-opacity duration-300 ease-in-out;
+  @apply transition-opacity duration-400 ease-in-out;
 }
 
-.page-enter-active,
-.page-leave-active,
-.layout-enter-active,
-.layout-leave-active {
+.page-enter-from,
+.page-leave-to,
+.layout-enter-from,
+.layout-leave-to {
   @apply opacity-0;
 }
 
 .slide-enter-active,
 .slide-leave-active {
   @apply transition-all duration-200 ease-in-out;
-  transform: translate(100%, 0);
 }
 
-.slide-enter,
+.slide-enter-from,
 
-.slide-leave-active {
+.slide-leave-to {
   transform: translate(-100%, 0);
 }
 
@@ -190,8 +180,8 @@ h1, h2, h3, h4, h5, h6, p, label, button, textarea, select {
   @apply ring ring-xl;
 }
 
-.glow-enter,
-.glow-leave-active {
+.glow-enter-from,
+.glow-leave-to {
   @apply opacity-0;
 }
 
diff --git a/packages/nc-gui-v2/pages/signin.vue b/packages/nc-gui-v2/pages/signin.vue
index 86eb53b19f..026b6239bb 100644
--- a/packages/nc-gui-v2/pages/signin.vue
+++ b/packages/nc-gui-v2/pages/signin.vue
@@ -128,8 +128,11 @@ function resetError() {
           </div>
 
           <div class="self-center flex flex-col flex-wrap gap-4 items-center mt-4 justify-center">
-            <button class="submit" type="submit">
-              <span class="flex items-center gap-2"><MdiLogin /> {{ $t('general.signIn') }}</span>
+            <button class="submit group" type="submit">
+              <span class="flex items-center gap-2">
+                <MdiLogin />
+                {{ $t('general.signIn') }}
+              </span>
             </button>
 
             <div class="text-end prose-sm">
diff --git a/packages/nc-gui-v2/pages/signup/[[token]].vue b/packages/nc-gui-v2/pages/signup/[[token]].vue
index 44bad26614..3ab64b8886 100644
--- a/packages/nc-gui-v2/pages/signup/[[token]].vue
+++ b/packages/nc-gui-v2/pages/signup/[[token]].vue
@@ -10,6 +10,7 @@ import {
   useApi,
   useGlobal,
   useI18n,
+  useNuxtApp,
   useRoute,
 } from '#imports'
 
@@ -17,6 +18,8 @@ definePageMeta({
   requiresAuth: false,
 })
 
+const { $e } = useNuxtApp()
+
 const route = useRoute()
 
 const { appInfo, signIn } = useGlobal()
@@ -84,6 +87,8 @@ async function signUp() {
       signIn(token!)
 
       await navigateTo('/')
+
+      $e('a:auth:sign-up')
     })
     .catch(async (err) => {
       error = await extractSdkResponseErrorMsg(err)
diff --git a/packages/nc-gui-v2/windi.config.ts b/packages/nc-gui-v2/windi.config.ts
index da391a88a8..e7928d925a 100644
--- a/packages/nc-gui-v2/windi.config.ts
+++ b/packages/nc-gui-v2/windi.config.ts
@@ -55,27 +55,10 @@ export default defineConfig({
       mono: ['Roboto', 'mono'],
     },
     extend: {
-      typography: {
-        DEFAULT: {
-          css: {
-            'a': {
-              'color': '#1348ba',
-              '&:hover': {
-                color: 'rgba(19,72,186,0.75)',
-              },
-            },
-            'nuxt-link': {
-              'color': '#1348ba',
-              '&:hover': {
-                color: 'rgba(19,72,186,0.75)',
-              },
-            },
-          },
-        },
-      },
       colors: {
         ...windiColors,
         ...themeColors,
+        accent: windiColors.pink['500'],
         dark: colors.dark,
         light: colors.light,
       },