refactor(frontend): optimize UI components (ScatterChart, ActivityHeatmap, table-card)

This commit is contained in:
fawney19
2025-12-13 22:26:09 +08:00
parent c55058758b
commit f53d3d180d
3 changed files with 230 additions and 41 deletions

View File

@@ -3,19 +3,19 @@
<!-- 标题和操作栏 -->
<div
v-if="$slots.header || title"
class="px-6 py-3.5 border-b border-border/60"
class="px-4 sm:px-6 py-3 sm:py-3.5 border-b border-border/60"
>
<slot name="header">
<div class="flex items-center justify-between gap-4">
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 sm:gap-4">
<!-- 左侧标题 -->
<h3 class="text-base font-semibold">
<h3 class="text-sm sm:text-base font-semibold shrink-0">
{{ title }}
</h3>
<!-- 右侧操作区 -->
<div
v-if="$slots.actions"
class="flex items-center gap-2"
class="flex flex-wrap items-center gap-2"
>
<slot name="actions" />
</div>