From: root Date: Thu, 23 Jul 2026 13:49:18 +0000 (+0800) Subject: 测试/复习模式: 放大错题思维导图 X-Git-Url: http://acesimba.cloud/gitweb/?a=commitdiff_plain;h=de45fbc972f929fc82bfe4c907b412538835605e;p=words.git 测试/复习模式: 放大错题思维导图 - .fb-image 宽度 300px→480px (flex:0 0 480px),面板向左扩展 - .fb-image img 最大高度 300px→460px,思维导图更清晰 - 移动端(<=768px)图片最大高度 260px→360px --- diff --git a/frontend/src/components/TestMode.css b/frontend/src/components/TestMode.css index 3a07c45..55fdd8c 100644 --- a/frontend/src/components/TestMode.css +++ b/frontend/src/components/TestMode.css @@ -210,7 +210,8 @@ } .fb-image { - width: 300px; + flex: 0 0 480px; + width: 480px; display: flex; align-items: flex-start; justify-content: center; @@ -221,7 +222,7 @@ .fb-image img { max-width: 100%; - max-height: 300px; + max-height: 460px; object-fit: contain; } @@ -430,7 +431,7 @@ } .fb-image img { - max-height: 260px; + max-height: 360px; } /* 抄写区:宽度自适应 */