chore(gui-v2): add default `a` styles

packages/nc-gui-v2/assets/style-v2.css

@@ -38,3 +38,7 @@ nav .v-list {
 .layout-leave-active {
     @apply opacity-0;
 }
+
+a {
+    @apply prose text-primary underline hover:opacity-75 dark:(text-secondary) hover:(opacity-75);
+}

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

@@ -74,7 +74,7 @@ const resetError = () => {
     <v-form
       ref="formValidator"
       v-model="valid"
-      class="h-full min-h-[600px] flex justify-center items-center"
+      class="h-[calc(100%_+_90px)] min-h-[600px] flex justify-center items-center"
       @submit.prevent="signIn"
     >
       <div class="h-full w-full flex flex-col flex-wrap justify-center items-center">
@@ -121,7 +121,7 @@ const resetError = () => {
           />
 
           <div class="hidden md:block self-end mx-8">
-            <nuxt-link class="prose-sm text-primary underline hover:opacity-75" to="/forgot-password">
+            <nuxt-link class="prose-sm" to="/forgot-password">
               {{ $t('msg.info.signUp.forgotPassword') }}
             </nuxt-link>
           </div>
@@ -141,7 +141,7 @@ const resetError = () => {
             </button>
             <div class="text-end prose-sm">
               {{ $t('msg.info.signUp.dontHaveAccount') }}
-              <nuxt-link class="text-primary underline hover:opacity-75" to="/signup">{{ $t('general.signUp') }}</nuxt-link>
+              <nuxt-link to="/signup">{{ $t('general.signUp') }}</nuxt-link>
             </div>
 
             <div class="prose-sm md:hidden">

packages/nc-gui-v2/pages/signup.vue

@@ -122,7 +122,7 @@ const resetError = () => {
             @focus="resetError"
           />
 
-          <div class="self-center flex items-center justify-between w-full">
+          <div class="self-center flex flex-wrap gap-4 items-center mt-4 md:mx-8 md:justify-between justify-center w-full">
             <button
               :disabled="!valid"
               :class="[
@@ -137,7 +137,7 @@ const resetError = () => {
             </button>
             <div class="text-end prose-sm">
               {{ $t('msg.info.signUp.alreadyHaveAccount') }}
-              <nuxt-link class="text-primary underline hover:opacity-75" to="/signin">{{ $t('general.signIn') }}</nuxt-link>
+              <nuxt-link to="/signin">{{ $t('general.signIn') }}</nuxt-link>
             </div>
           </div>
         </div>