Add garoosi eNamad badge and square login logo on auth pages.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/views/login/components/Login.vue

@@ -22,7 +22,12 @@
       v-else
       :src="getProjectLoginLogo(config.config.avatar)"
       alt=""
-      class="z-100 rounded-full aspect-square self-center w-36"
+      :class="[
+        'z-100 self-center w-36',
+        config.config?.name === 'garoosi'
+          ? 'h-auto object-contain'
+          : 'rounded-full aspect-square',
+      ]"
       style="margin-bottom: 60px"
     >
 

src/views/login/components/Register.vue

@@ -22,7 +22,12 @@
       v-else
       :src="getProjectLoginLogo(config.config.avatar)"
       alt=""
-      class="z-100 rounded-full aspect-square self-center w-36"
+      :class="[
+        'z-100 self-center w-36',
+        config.config?.name === 'garoosi'
+          ? 'h-auto object-contain mb-[60px]'
+          : 'rounded-full aspect-square',
+      ]"
     >
     <div class="font-bold text-center text-xl">ثبت نام</div>
     <a-form ref="formRef" :model="userFormState" class="!mt-5" name="basic"

src/views/login/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="login-page flex items-center justify-center">
+  <div class="login-page flex flex-col items-center">
     <!--    <PhoneVerify/>-->
     <div class="fixed top-0 right-0 left-0 h-1/3 w-screen flex">
       <img :src="img_topGradiant" alt="" class="absolute z-10 w-screen h-full object-cover">
@@ -9,25 +9,42 @@
       <img :src="img_bottomGradiant" alt="" class="absolute z-10 w-screen h-full object-cover">
       <img :src="img_pattern" alt="" class="absolute w-screen h-full object-none">
     </div>
-    <div class="z-1000 w-full p-5">
+
-<!--      <transition mode="out-in" name="fade">-->
+    <div class="login-page__content z-1000 w-full p-5">
-        <Login v-if="!enterType" @register="setEnterType"/>
+      <Login v-if="!enterType" @register="setEnterType" />
-        <Register v-else @register="setEnterType"/>
+      <Register v-else @register="setEnterType" />
-<!--      </transition>-->
+    </div>
+
+    <div v-if="isGaroosi" class="login-page__enamad z-1000">
+      <a
+        referrerpolicy="origin"
+        target="_blank"
+        href="https://trustseal.enamad.ir/?id=710578&Code=DdltBYWJgvc7LJs9eM46SEliXRRU0kSW"
+      >
+        <img
+          referrerpolicy="origin"
+          src="https://trustseal.enamad.ir/logo.aspx?id=710578&Code=DdltBYWJgvc7LJs9eM46SEliXRRU0kSW"
+          alt="enamad"
+          style="cursor: pointer"
+          code="DdltBYWJgvc7LJs9eM46SEliXRRU0kSW"
+        >
+      </a>
     </div>
   </div>
 </template>
 
 <script lang="ts" setup>
-
+import Login from '@/views/login/components/Login.vue'
-import Login from "@/views/login/components/Login.vue";
+import Register from '@/views/login/components/Register.vue'
-import Register from "@/views/login/components/Register.vue";
+import { computed, onMounted, ref } from 'vue'
-import { onMounted, ref } from 'vue'
 import img_topGradiant from './assets/img/gr_top_white.svg'
 import img_bottomGradiant from './assets/img/gr_bottom_white.svg'
 import img_pattern from './assets/img/pattern.svg'
 import router from '@/router'
+import { useConfigStore } from '@/store/configStore'
 
+const config = useConfigStore()
+const isGaroosi = computed(() => config.config?.name === 'garoosi')
 const enterType = ref<boolean>(false)
 
 function setEnterType(val: boolean) {
@@ -35,16 +52,33 @@ function setEnterType(val: boolean) {
 }
 
 onMounted(() => {
-  if (router.currentRoute.value.query.id)
+  if (router.currentRoute.value.query.id) {
     enterType.value = true
+  }
 })
-
-
 </script>
 
-
 <style scoped>
 .login-page {
   min-height: calc(100vh - var(--app-credit-footer-offset, 28px));
 }
+
+.login-page__content {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.login-page__enamad {
+  display: flex;
+  justify-content: center;
+  padding: 0 20px 16px;
+  margin-top: auto;
+}
+
+.login-page__enamad img {
+  max-width: 96px;
+  height: auto;
+}
 </style>