feat(admin-panel): responsive branches, workshops, products and orders

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

apps/admin-panel/src/views/order/MakeOrder.vue

@@ -6,8 +6,8 @@
     delete action and the report link are COMMENTED OUT in legacy and stay absent.
   -->
   <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 #name="{ record }">
           {{ record.customer?.name }}
         </template>
@@ -41,6 +41,7 @@
         v-model:open="visibleList"
         title="مشاهده سفارش"
         width="80%"
+        wrap-class-name="detail-modal"
         @cancel="onCloseDetail"
       >
         <div v-if="tempRow">
@@ -69,7 +70,7 @@
               </div>
             </template>
 
-            <div class="flex gap-8">
+            <div class="flex gap-8 make-detail">
               <div>
                 <img
                   v-if="tempRow.designImageUrl"
@@ -220,4 +221,14 @@ function onCloseDetail() {
 .mr-3 {
   margin-left: 0.75rem;
 }
+
+@media (max-width: 575px) {
+  .make-detail {
+    flex-direction: column;
+    gap: 12px;
+  }
+  .make-detail > .flex {
+    min-width: 0;
+  }
+}
 </style>