change login-page design

src/views/login/desktop/components/DesktopRegisterForm.vue

@@ -9,6 +9,8 @@ import { useConfigStore } from '@/store/configStore'
 import { useSettingsStore } from '@/store/settingsStore'
 import { useLoginPageContext } from '../../composables/useLoginPage'
 import router from '@/router'
+import { isTWA } from '@/utils/config'
+import { usePwaInstall } from '@/composables/usePwaInstall'
 
 const emit = defineEmits<{
   register: [val: boolean]
@@ -16,6 +18,7 @@ const emit = defineEmits<{
 
 const config = useConfigStore()
 const settingsStore = useSettingsStore()
+const { tryInstallOrOpenGuide: installWebApp } = usePwaInstall()
 const referralIdRules = computed(() =>
   settingsStore.isReferralRequired ? [required('کد معرف')] : [],
 )
@@ -40,10 +43,6 @@ function goToAboutUs() {
   router.push('/aboutUs')
 }
 
-function goToAboutSoftware() {
-  router.push({ name: 'aboutSoftware' })
-}
-
 function handleSuccessDismiss() {
   dismissSuccess()
   emit('register', false)
@@ -119,8 +118,13 @@ function handleSuccessDismiss() {
           <a-spin v-if="loading" size="small" />
           <span v-else>ثبت نام</span>
         </BasicButton>
-        <button type="button" class="dauth-link-btn" @click="goToAboutSoftware">
-          درباره نرم‌افزار
+        <button
+          v-if="!isTWA()"
+          type="button"
+          class="dauth-btn-stack"
+          @click="installWebApp"
+        >
+          <span>نصب وب اپلیکیشن</span>
         </button>
 
       </div>