style(MeetingPreview): 调整分析标签页布局为弹性等宽

将标签页容器设为 display: flex 并移除滚动条,为每个标签页添加 flex: 1 以实现等宽分布,同时优化内边距和文本对齐
dev_na
alanpaine 2026-04-16 13:42:43 +08:00
parent 29a4be912d
commit 48dd7d1150
1 changed files with 5 additions and 2 deletions

View File

@ -354,7 +354,7 @@
} }
.meeting-preview-analysis-tabs { .meeting-preview-analysis-tabs {
display: inline-flex; display: flex;
align-items: center; align-items: center;
background: var(--app-bg-surface-soft); background: var(--app-bg-surface-soft);
padding: 5px; padding: 5px;
@ -365,6 +365,7 @@
scrollbar-width: none; scrollbar-width: none;
border: 1px solid var(--app-border-color); border: 1px solid var(--app-border-color);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02);
width: 100%;
} }
.meeting-preview-analysis-tabs::-webkit-scrollbar { .meeting-preview-analysis-tabs::-webkit-scrollbar {
@ -372,7 +373,9 @@
} }
.meeting-preview-analysis-tab { .meeting-preview-analysis-tab {
padding: 8px 24px; flex: 1;
text-align: center;
padding: 8px 12px;
border-radius: 8px; border-radius: 8px;
color: var(--app-text-secondary); color: var(--app-text-secondary);
font-size: 14px; font-size: 14px;