From d2332f369f9616c6982c42aac2ed81d729143d55 Mon Sep 17 00:00:00 2001
From: caoqianming <caoqianming@foxmail.com>
Date: Thu, 23 Apr 2026 22:11:15 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=B8=BB=E5=86=85=E5=AE=B9=E5=8C=BA=20f?=
 =?UTF-8?q?lex=20item=20=E5=8A=A0=20min-width:0=EF=BC=8C=E9=98=B2=E6=AD=A2?=
 =?UTF-8?q?=E5=AE=BD=E8=A1=A8=E6=A0=BC=E6=92=91=E5=A4=A7=E8=A7=86=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

flex 项默认 min-width:auto，内部 el-table 列多时会无限撑开父容器，
导致横向溢出视口。加 min-width:0 后表格会在内部出现横向滚动条。

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 frontend/src/layouts/MainLayout.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/src/layouts/MainLayout.vue b/frontend/src/layouts/MainLayout.vue
index 64d8a94..1ca4082 100644
--- a/frontend/src/layouts/MainLayout.vue
+++ b/frontend/src/layouts/MainLayout.vue
@@ -207,12 +207,14 @@ const onLogout = () => {
   display: flex;
   flex-direction: column;
   min-height: 0;
+  min-width: 0;
 }
 
 .content {
   flex: 1;
   background: var(--bg);
   min-height: 0;
+  min-width: 0;
   overflow: auto;
 }
 </style>