fix: add 4-column grid for conversations and ensure chart visibility
This commit is contained in:
@@ -137,7 +137,7 @@ const hourlyActivityData = computed(() =>
|
|||||||
<!-- CONVERSATIONS -->
|
<!-- CONVERSATIONS -->
|
||||||
<section class="stats-section">
|
<section class="stats-section">
|
||||||
<SectionHeader title="沟通系统" tag="cyan" />
|
<SectionHeader title="沟通系统" tag="cyan" />
|
||||||
<div class="stats-metrics-row">
|
<div class="stats-metrics-grid-4">
|
||||||
<div class="stat-bar-item">
|
<div class="stat-bar-item">
|
||||||
<div class="stat-bar-label">对话数</div>
|
<div class="stat-bar-label">对话数</div>
|
||||||
<div class="stat-bar-value">{{ formatNumber(conversationStats?.totals?.conversations || 0) }}</div>
|
<div class="stat-bar-value">{{ formatNumber(conversationStats?.totals?.conversations || 0) }}</div>
|
||||||
@@ -330,6 +330,12 @@ const hourlyActivityData = computed(() =>
|
|||||||
gap: 16px;
|
gap: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.stats-metrics-grid-4 {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(4, 1fr);
|
||||||
|
gap: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
.stat-bar-item {
|
.stat-bar-item {
|
||||||
background: var(--bg-card);
|
background: var(--bg-card);
|
||||||
border: 1px solid var(--border-dim);
|
border: 1px solid var(--border-dim);
|
||||||
@@ -356,6 +362,7 @@ const hourlyActivityData = computed(() =>
|
|||||||
|
|
||||||
.stat-bar-chart {
|
.stat-bar-chart {
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
|
min-height: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.stats-section {
|
.stats-section {
|
||||||
|
|||||||
Reference in New Issue
Block a user