ui(admin-panel): responsive users, offers, reports, finance, sms, config, notify and branch menus

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

apps/admin-panel/src/views/invoice/AddInvoice.vue

@@ -26,7 +26,7 @@
     @submit="handleSubmit"
   >
     <a-card title="لیست محصولات">
-      <XTable ref="tblProducts" :model="productCols">
+      <XTable ref="tblProducts" :model="productCols" mobile-cards>
         <template #image="{ record }">
           <img
             width="90px"
@@ -42,7 +42,7 @@
       </XTable>
     </a-card>
 
-    <a-card v-if="items.length > 0" title="ثبت سفارش" class="mt-5">
+    <a-card v-if="items.length > 0" title="ثبت سفارش" class="mt-5 table-scroll">
       <a-table :columns="columns" :data-source="items" bordered :pagination="false" row-key="pid">
         <template #bodyCell="{ column, record }">
           <template v-if="column.dataIndex === 'delete'">
@@ -87,8 +87,8 @@
 
   <!-- route-based fallback for direct links to /invoice/add and /invoice/edit/:id -->
   <a-spin v-else :spinning="loading">
-    <a-card title="لیست محصولات">
-      <XTable ref="tblProducts" :model="productCols">
+    <a-card title="لیست محصولات" class="page-card">
+      <XTable ref="tblProducts" :model="productCols" mobile-cards>
         <template #image="{ record }">
           <img
             width="90px"
@@ -103,7 +103,7 @@
         </template>
       </XTable>
 
-      <a-card v-if="items.length > 0" title="ثبت سفارش" class="mt-5">
+      <a-card v-if="items.length > 0" title="ثبت سفارش" class="mt-5 table-scroll">
         <a-table
           :columns="columns"
           :data-source="items"
@@ -151,7 +151,7 @@
             </a-form-item>
           </div>
 
-          <a-button type="primary" :disabled="items.length < 1" @click="handleSubmit">
+          <a-button type="primary" class="form-submit" :disabled="items.length < 1" @click="handleSubmit">
             ثبت تغییرات
           </a-button>
         </a-form>

apps/admin-panel/src/views/invoice/ListInvoice.vue

@@ -4,8 +4,8 @@
     branch-allocation grid.
   -->
   <div id="page-user-list">
-    <a-card title="لیست فاکتورها">
-      <XTable ref="tbl" :model="model">
+    <a-card title="لیست فاکتورها" class="page-card">
+      <XTable ref="tbl" :model="model" mobile-cards>
         <template #add>
           <ListPageHeader rid="invoice.create" add-label="افزودن فاکتور" @add="openAdd" />
         </template>
@@ -39,9 +39,9 @@
         </template>
       </XTable>
 
-      <a-modal v-model:open="visible" title="مشاهده فاکتور" width="70%">
+      <a-modal v-model:open="visible" title="مشاهده فاکتور" width="70%" wrap-class-name="detail-modal">
         <div v-if="tempRow">
-          <a-descriptions bordered size="small" :column="2">
+          <a-descriptions bordered size="small" :column="{ xxl: 2, xl: 2, lg: 2, md: 2, sm: 2, xs: 1 }">
             <a-descriptions-item label="شعبه">{{ tempRow.name }}</a-descriptions-item>
             <a-descriptions-item label="ثبت کننده">
               {{ tempRow.allocator_user?.name ?? '-' }}