Просмотр исходного кода

fix(web-v3): 漏斗概览带行高恒定——business-page 网格 align-content:start

之前 .detail-panel min-height:640 + grid 默认 align-content:stretch:当某 tab 正文短于 640px(如内容资产),多余纵向空间被均摊进自动行,把漏斗带从 39px 撑到 98px,切 tab 时行高忽高忽低。改 align-content:start 让行按内容高度顶部对齐,漏斗带在所有 tab 恒定 39px(已实测 5 个 tab 均 39)。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Sam Lee 1 день назад
Родитель
Сommit
a834cff3cc
1 измененных файлов с 2 добавлено и 0 удалено
  1. 2 0
      web/app/globals.css

+ 2 - 0
web/app/globals.css

@@ -542,6 +542,8 @@ a {
 .business-page {
   display: grid;
   gap: 12px;
+  /* 行按内容高度顶部对齐:避免内容短于 min-height 时,多余空间被均摊到漏斗带把它撑高(切 tab 时行高忽高忽低) */
+  align-content: start;
 }
 
 .business-alert {