Add web app install button and step-by-step PWA guide.

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

@@ -6,7 +6,6 @@ import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
 import SmsOtpField from '@/components/SmsOtpField.vue'
 import { useConfigStore } from '@/store/configStore'
 import { useLoginPageContext } from '../../composables/useLoginPage'
-import DesktopPwaGuideModal from './DesktopPwaGuideModal.vue'
 import router from '@/router'
 import {isTWA} from "@/utils/config";
 import {useSettingsStore} from "@/store/settingsStore";
@@ -24,7 +23,6 @@ const {
   refOtpInput,
   isSMS,
   isRegister,
-  showPWAInstallGuide,
   userFormState,
   loading,
   submitLabel,
@@ -37,7 +35,6 @@ const {
   phoneVerification,
   editPhoneNumber,
   installWebApp,
-  proceedWithInstall,
 } = useLoginPageContext().loginForm
 
 function goToEducate() {
@@ -166,13 +163,17 @@ function goToAboutUs() {
           ورود با اثر انگشت
         </BasicButton>
 
-        <div v-if="!isTWA() && !!setting.getSettingByKey('apk_download_link')" class="dauth-actions-row ">
+        <div v-if="!isTWA()" class="dauth-actions-row flex flex-col gap-2">
           <a
-              class="dauth-link-btn dauth-link-btn--primary !hover:text-primary  "
-              :href="setting.getSettingByKey('apk_download_link')"
+            v-if="!!setting.getSettingByKey('apk_download_link')"
+            class="dauth-link-btn dauth-link-btn--primary !hover:text-primary  "
+            :href="setting.getSettingByKey('apk_download_link')"
           >
             دانلود اپ اندروید
           </a>
+          <BasicButton html-type="button" type="primary" class="w-full" @click.prevent="installWebApp">
+            نصب نسخه وب اپ
+          </BasicButton>
         </div>
 
       </div>
@@ -184,7 +185,5 @@ function goToAboutUs() {
         </button>
       </div>
     </a-form>
-
-    <DesktopPwaGuideModal v-model:show="showPWAInstallGuide" @confirm="proceedWithInstall" />
   </div>
 </template>

src/views/login/desktop/styles/desktop-auth.less

@@ -422,8 +422,10 @@
     color: #ffffff;
 
     &:hover {
-      opacity: 0.92;
+      background: @App-primary-color;
+      border-color: @App-primary-color;
       color: #ffffff;
+      opacity: 0.92;
     }
   }
 }