fix: align group analytics header layout

This commit is contained in:
aits2026
2026-03-10 12:17:21 +08:00
parent f1affc7d63
commit 6911132c95
2 changed files with 17 additions and 11 deletions

View File

@@ -1,6 +1,14 @@
.group-analytics-shell {
display: flex;
flex-direction: column;
gap: 16px;
min-height: 100%;
}
.group-analytics-page { .group-analytics-page {
display: flex; display: flex;
height: 100%; flex: 1;
min-height: 0;
gap: 16px; gap: 16px;
&.standalone { &.standalone {
@@ -463,10 +471,6 @@
background: var(--bg-secondary); background: var(--bg-secondary);
border-radius: 16px; border-radius: 16px;
overflow: hidden; overflow: hidden;
.chat-analysis-header {
margin: 16px 16px 0;
}
} }
.resize-handle { .resize-handle {

View File

@@ -1186,12 +1186,14 @@ function GroupAnalyticsPage() {
} }
return ( return (
<div className={`group-analytics-page ${isResizing ? 'resizing' : ''}`} ref={containerRef}> <div className="group-analytics-shell">
{renderGroupList()} <ChatAnalysisHeader currentMode="group" />
<div className="resize-handle" onMouseDown={() => setIsResizing(true)} /> <div className={`group-analytics-page ${isResizing ? 'resizing' : ''}`} ref={containerRef}>
<div className="detail-area"> {renderGroupList()}
<ChatAnalysisHeader currentMode="group" /> <div className="resize-handle" onMouseDown={() => setIsResizing(true)} />
{renderDetailPanel()} <div className="detail-area">
{renderDetailPanel()}
</div>
</div> </div>
{renderMemberModal()} {renderMemberModal()}
</div> </div>