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/notify/create.vue

@@ -1,7 +1,7 @@
 <template>
   <!-- Ported from legacy henza_admin/src/views/notify/create.vue. -->
   <a-spin :spinning="loading">
-    <a-card title="ارسال نوتیفیکیشن">
+    <a-card title="ارسال نوتیفیکیشن" class="page-card">
       <a-form layout="vertical" @submit.prevent="handleSubmit">
         <div class="grid-2">
           <a-form-item label="عنوان" :validate-status="err.title ? 'error' : ''" :help="err.title">
@@ -21,7 +21,7 @@
           <a-textarea v-model:value="form.text" :auto-size="{ minRows: 4, maxRows: 8 }" />
         </a-form-item>
 
-        <a-button type="primary" @click="handleSubmit">ارسال</a-button>
+        <a-button type="primary" class="form-submit" @click="handleSubmit">ارسال</a-button>
       </a-form>
     </a-card>
   </a-spin>

apps/admin-panel/src/views/notify/user.vue

@@ -3,8 +3,8 @@
     Ported from legacy henza_admin/src/views/notify/user.vue — the received
     notifications list, with a read-state modal.
   -->
-  <a-card title="لیست نوتیفیکیشن های دریافتی">
-    <XTable ref="tbl" :model="model">
+  <a-card title="لیست نوتیفیکیشن های دریافتی" class="page-card">
+    <XTable ref="tbl" :model="model" mobile-cards>
       <template #opt="{ record }">
         <a-tooltip title="مشاهده">
           <EyeOutlined class="cursor-pointer mx-1 text-primary" @click="view(record)" />
@@ -12,7 +12,7 @@
       </template>
     </XTable>
 
-    <a-modal v-model:open="visible" title="مشاهده نوتیفیکیشن" width="60%">
+    <a-modal v-model:open="visible" title="مشاهده نوتیفیکیشن" width="60%" wrap-class-name="detail-modal">
       <div v-if="tempRow">
         <a-descriptions bordered size="small" :column="1">
           <a-descriptions-item label="عنوان">{{ tempRow.title }}</a-descriptions-item>