diff --git a/components.d.ts b/components.d.ts
index f316cdf..751269f 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -8,7 +8,6 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     AButton: typeof import('ant-design-vue/es')['Button']
-    ACheckbox: typeof import('ant-design-vue/es')['Checkbox']
     ADivider: typeof import('ant-design-vue/es')['Divider']
     AForm: typeof import('ant-design-vue/es')['Form']
     AFormItem: typeof import('ant-design-vue/es')['FormItem']
@@ -16,14 +15,17 @@ declare module 'vue' {
     AInputPassword: typeof import('ant-design-vue/es')['InputPassword']
     AModal: typeof import('ant-design-vue/es')['Modal']
     AppCreditLink: typeof import('./src/components/AppCreditLink.vue')['default']
+    ARadio: typeof import('ant-design-vue/es')['Radio']
     ARadioButton: typeof import('ant-design-vue/es')['RadioButton']
     ARadioGroup: typeof import('ant-design-vue/es')['RadioGroup']
     ASelect: typeof import('ant-design-vue/es')['Select']
     ASelectOption: typeof import('ant-design-vue/es')['SelectOption']
     ASlider: typeof import('ant-design-vue/es')['Slider']
     ASpin: typeof import('ant-design-vue/es')['Spin']
+    ASwitch: typeof import('ant-design-vue/es')['Switch']
     ATag: typeof import('ant-design-vue/es')['Tag']
     ATextarea: typeof import('ant-design-vue/es')['Textarea']
+    ATooltip: typeof import('ant-design-vue/es')['Tooltip']
     BaseDatePicker: typeof import('./src/components/BasicPacks/BaseDatePicker/src/BaseDatePicker.vue')['default']
     Basic: typeof import('./src/components/BasicPacks/BaseDatePicker/src/datePick/demo/basic.vue')['default']
     BasicActionSheet: typeof import('./src/components/BasicPacks/BasicActionSheet.vue')['default']
@@ -68,5 +70,6 @@ declare module 'vue' {
     TransactionSkeleton: typeof import('./src/components/TransactionSkeleton.vue')['default']
     VanActionSheet: typeof import('vant/es')['ActionSheet']
     VanDialog: typeof import('vant/es')['Dialog']
+    VanField: typeof import('vant/es')['Field']
   }
 }
diff --git a/src/App.vue b/src/App.vue
index d60c43d..e915b60 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -92,7 +92,6 @@
 <script lang="ts" setup>
 import pkg from '../package.json'
 import { getDisplayAppVersion } from '@/config/config-cache'
-import {useRegisterSW} from 'virtual:pwa-register/vue'
 import {computed, defineAsyncComponent, h, onMounted, ref, watch} from 'vue'
 import img_topGradiant from '@/views/login/assets/img/gr_top_white.svg'
 import img_pattern from '@/views/login/assets/img/pattern.svg'
@@ -127,7 +126,6 @@ const showDesktopFloatingCredit = computed(() => {
   return route.name === 'login' || !!route.meta.hideMenu
 })
 
-useRegisterSW()
 const displayVersion = getDisplayAppVersion(pkg.version)
 const config = useConfigStore()
 const splashIndicator = computed(() => h(LoadingOutlined, {
diff --git a/src/assets/css/ant.less b/src/assets/css/ant.less
index 93e9ba5..c69d498 100644
--- a/src/assets/css/ant.less
+++ b/src/assets/css/ant.less
@@ -156,11 +156,26 @@
 //}
 
 /* =================== Slider =================== */
+.app-touch-slider {
+  position: relative;
+  z-index: 1;
+  touch-action: none;
+  -webkit-user-select: none;
+  user-select: none;
+  padding-block: 0.375rem;
+}
+
+.ant-slider {
+  touch-action: none;
+}
+
 .ant-slider-track {
   background-color: @App-primary-color !important;
 }
 .ant-slider-handle {
   border-color: @App-primary-color !important;
+  touch-action: none;
+  -webkit-tap-highlight-color: transparent;
 }
 
 /* =================== Menu =================== */
diff --git a/src/assets/css/fonts.less b/src/assets/css/fonts.less
index 3b28872..4a60221 100644
--- a/src/assets/css/fonts.less
+++ b/src/assets/css/fonts.less
@@ -30,14 +30,14 @@
 
 @font-face {
   font-family: @prefixCls-font-family;
-  src: url("../fonts/iranSans/woff2/IRANSansWeb(FaNum)_Bold.woff2") format("woff");
+  src: url("../fonts/iranSans/woff2/IRANSansWeb(FaNum)_Bold.woff2") format("woff2");
   font-weight: 700;
   font-style: normal;
 }
 
 @font-face {
   font-family: @prefixCls-font-family;
-  src: url("../fonts/iranSans/woff2/IRANSansWeb(FaNum)_primary.woff2") format("woff");
+  src: url("../fonts/iranSans/woff2/IRANSansWeb(FaNum)_Black.woff2") format("woff2");
   font-weight: 900;
   font-style: normal;
 }
diff --git a/src/components/bg_main.vue b/src/components/bg_main.vue
index a8d3357..0e4e912 100644
--- a/src/components/bg_main.vue
+++ b/src/components/bg_main.vue
@@ -4,9 +4,9 @@ import img_pattern from "@/assets/img/dollar_pattern.svg";
 </script>
 
 <template>
-  <div class="flex absolute w-full top-0 right-0 left-0 bottom-0">
-    <img :src="img_right" alt="" class=" absolute z-5 w-screen h-full object-cover">
-    <img :src="img_pattern" alt="" class=" w-full object-cover">
+  <div class="bg-main-decor flex absolute w-full top-0 right-0 left-0 bottom-0 pointer-events-none">
+    <img :src="img_right" alt="" class="absolute z-5 w-screen h-full object-cover">
+    <img :src="img_pattern" alt="" class="w-full object-cover">
   </div>
 </template>
 
diff --git a/src/views/base/copper&silver/index.vue b/src/views/base/copper&silver/index.vue
index 484f24b..58dafe6 100644
--- a/src/views/base/copper&silver/index.vue
+++ b/src/views/base/copper&silver/index.vue
@@ -69,14 +69,21 @@
             <Transition mode="out-in" name="fade">
               <a-form-item v-if="walletStore?.walletInfo" class="!mt-3 ">
                 <!--              {{ isBuy }}-->
-                <a-slider v-model:value="form.percentWallet"
-                          :disabled="isBuy? cashWalletBalance <= 0: false"
-                          :max="100"
-                          :min="0"
-                          :step="10"
-                          :tip-formatter="null"
-                          class="!my-1"
-                          @change="percentChange" />
+                <div
+                    class="app-touch-slider"
+                    @touchstart.stop
+                    @touchmove.stop
+                    @pointerdown.stop
+                >
+                  <a-slider v-model:value="form.percentWallet"
+                            :disabled="isBuy? cashWalletBalance <= 0: false"
+                            :max="100"
+                            :min="0"
+                            :step="10"
+                            :tip-formatter="null"
+                            class="!my-1"
+                            @change="percentChange" />
+                </div>
               </a-form-item>
             </Transition>
 <!--            <Transition mode="out-in" name="fade">
@@ -444,7 +451,7 @@ onMounted(async () => {
 const form = ref<Gold>({
   goldCash: undefined,
   goldValue: undefined,
-  percentWallet: undefined
+  percentWallet: 0,
 })
 const allowedAsciiCodeFloat = [46, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57]
 const allowedAsciiCodeInt = [48, 49, 50, 51, 52, 53, 54, 55, 56, 57]
@@ -683,7 +690,7 @@ async function ok() {
     form.value = {
       goldValue: undefined,
       goldCash: undefined,
-      percentWallet: undefined,
+      percentWallet: 0,
       method: 'cash'
     }
     await fundStore.getMyFund()
diff --git a/src/views/base/gold/index.vue b/src/views/base/gold/index.vue
index ba2802a..ad23ae1 100644
--- a/src/views/base/gold/index.vue
+++ b/src/views/base/gold/index.vue
@@ -92,14 +92,21 @@
             <Transition mode="out-in" name="fade">
               <a-form-item v-if="walletStore?.walletInfo" class="!mt-3 ">
                 <!--              {{ isBuy }}-->
-                <a-slider v-model:value="form.percentWallet"
-                          :disabled="isBuy? cashWalletBalance <= 0: false"
-                          :max="100"
-                          :min="0"
-                          :step="10"
-                          :tip-formatter="null"
-                          class="!my-1"
-                          @change="percentChange" />
+                <div
+                    class="app-touch-slider"
+                    @touchstart.stop
+                    @touchmove.stop
+                    @pointerdown.stop
+                >
+                  <a-slider v-model:value="form.percentWallet"
+                            :disabled="isBuy? cashWalletBalance <= 0: false"
+                            :max="100"
+                            :min="0"
+                            :step="10"
+                            :tip-formatter="null"
+                            class="!my-1"
+                            @change="percentChange" />
+                </div>
               </a-form-item>
             </Transition>
           </div>
@@ -608,7 +615,7 @@ onMounted(async () => {
 const form = ref<Gold>({
   goldCash: undefined,
   goldValue: undefined,
-  percentWallet: undefined
+  percentWallet: 0,
 })
 const allowedAsciiCodeFloat = [46, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57]
 const allowedAsciiCodeInt = [48, 49, 50, 51, 52, 53, 54, 55, 56, 57]
@@ -811,7 +818,7 @@ async function ok() {
     form.value = {
       goldValue: undefined,
       goldCash: undefined,
-      percentWallet: undefined
+      percentWallet: 0,
     }
     inputLock.value = null
     message.success('سفارش شما با موفقیت انجام شد')
diff --git a/src/views/base/wallet/desktop/DesktopWalletView.vue b/src/views/base/wallet/desktop/DesktopWalletView.vue
index f3e101a..fc1c5dc 100644
--- a/src/views/base/wallet/desktop/DesktopWalletView.vue
+++ b/src/views/base/wallet/desktop/DesktopWalletView.vue
@@ -62,15 +62,22 @@
                   {{ formatCashWalletBalanceText(usePriceWithoutType(walletStore?.walletInfo?.cash ?? 0)) }}
                 </p>
                 <a-form-item v-if="walletStore?.walletInfo" class="!mt-3">
-                  <a-slider
-                    v-model:value="form.percentWallet"
-                    :disabled="walletStore?.walletInfo?.cash <= 0"
-                    :max="100"
-                    :min="0"
-                    :step="10"
-                    :tip-formatter="formatter"
-                    @change="percentChange"
-                  />
+                  <div
+                      class="app-touch-slider"
+                      @touchstart.stop
+                      @touchmove.stop
+                      @pointerdown.stop
+                  >
+                    <a-slider
+                        v-model:value="form.percentWallet"
+                        :disabled="walletStore?.walletInfo?.cash <= 0"
+                        :max="100"
+                        :min="0"
+                        :step="10"
+                        :tip-formatter="formatter"
+                        @change="percentChange"
+                    />
+                  </div>
                 </a-form-item>
               </div>
               <div v-else key="deposit" class="dwallet-form__extras">
diff --git a/src/views/base/wallet/mobile/MobileWalletView.vue b/src/views/base/wallet/mobile/MobileWalletView.vue
index f93a358..0c78e47 100644
--- a/src/views/base/wallet/mobile/MobileWalletView.vue
+++ b/src/views/base/wallet/mobile/MobileWalletView.vue
@@ -66,15 +66,22 @@
                   {{ formatCashWalletBalanceText(usePriceWithoutType(walletStore?.walletInfo?.cash ?? 0)) }}
                 </div>
                 <a-form-item v-if="walletStore?.walletInfo" class="!mt-3">
-                  <a-slider
-                    v-model:value="form.percentWallet"
-                    :disabled="walletStore?.walletInfo?.cash <= 0"
-                    :max="100"
-                    :min="0"
-                    :step="10"
-                    :tip-formatter="formatter"
-                    @change="percentChange"
-                  />
+                  <div
+                      class="app-touch-slider"
+                      @touchstart.stop
+                      @touchmove.stop
+                      @pointerdown.stop
+                  >
+                    <a-slider
+                        v-model:value="form.percentWallet"
+                        :disabled="walletStore?.walletInfo?.cash <= 0"
+                        :max="100"
+                        :min="0"
+                        :step="10"
+                        :tip-formatter="formatter"
+                        @change="percentChange"
+                    />
+                  </div>
                 </a-form-item>
               </div>
               <div v-else class="mt-3">
diff --git a/vite.config.ts b/vite.config.ts
index b81ca52..9e84b7c 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -18,21 +18,21 @@ export default defineConfig({
         vue(),
         vueJsx(),
         VitePWA({
-            //registerType: 'autoUpdate',
+            registerType: 'autoUpdate',
             devOptions: {
-                enabled: true
+                enabled: true,
+                type: 'module',
             },
             workbox: {
                 cleanupOutdatedCaches: true,
                 clientsClaim: true,
                 skipWaiting: true
             },
-            mode: 'development',
+            strategies: 'injectManifest',
             base: '/',
             srcDir: 'src',
             filename: 'sw.ts',
             includeAssets: ['/favicon.png'],
-            strategies: 'injectManifest',
             manifest: {
                 name: ``,
                 short_name: ``,