优化菜单展示

src/renderer/src/views/home.vue

@@ -76,7 +76,7 @@
                 <div class="table_info_wrap">
                     <el-button type="primary">{{ tableList[selectItemIndex].tableName || '-' }} | {{
                         tableList[selectItemIndex].areaName || '-'
-                        }}</el-button>
+                    }}</el-button>
                     <el-text>待出菜（{{ tableList[selectItemIndex].pendingDishCount }}）</el-text>
                     <el-text>员工名称：{{ tableList[selectItemIndex].staffName || notStaff }}</el-text>
                     <el-text>下单时间：{{ tableList[selectItemIndex].orderTime || '-' }}</el-text>
@@ -121,7 +121,7 @@
                 <div class="table" v-for="(item, index) in goodsTableData" :key="index">
                     <div class="goods_table_title">
                         <span>{{ item.productName }} 待出菜（{{ item.total
-                            }}）</span>
+                        }}）</span>
                     </div>
                     <el-table :data="item.foodItems" border stripe>
                         <el-table-column label="下单台桌" prop="areaName">
@@ -685,7 +685,8 @@ onUnmounted(() => {
 
         .tablef_head {
             display: flex;
-            gap: var(--padding);
+            flex-wrap: wrap;
+            gap: 10px;
         }
 
         .goods_table_title {