change responsive]

src/pages/menuPages/setting/limitedOrder/index.vue

@@ -2,9 +2,9 @@
   <div>
     <div
       :style="{ backgroundImage: `url(${bg1})` }"
-      class="w-[80vw] h-full bg-cover flex items-center justify-center"
+      class="flex min-h-[50vh] w-full items-center justify-center bg-cover px-4 py-6 md:h-full md:w-[80vw] md:px-0 md:py-0"
     >
-      <div class="shadow-2xl h-[25vh] w-1/3 rounded-lg p-10 bg-white">
+      <div class="w-full max-w-md rounded-lg bg-white p-4 shadow-2xl md:h-[25vh] md:w-1/3 md:p-10">
         <a-form :model="form" ref="formRef" autocomplete="off" @finish="ok">
           <div class="gap-4">
             <a-form-item label="سقف واریز اولیه (ریال)" name="value" :rules="inputRules()">
@@ -16,7 +16,7 @@
             </a-form-item>-->
             <a-form-item>
               <BaseButton
-                class="mt-10 w-full"
+                class="mt-4 w-full md:mt-10"
                 :disabled="loading"
                 type="primary"
                 size="middle"