17 lines
847 B
Vue
17 lines
847 B
Vue
<script setup lang="ts">
|
|
defineProps<{ title: string }>()
|
|
</script>
|
|
<template>
|
|
<div class="dashboard-chart-heading">
|
|
<h3>{{ title }}</h3>
|
|
<div class="dashboard-chart-actions"><slot /></div>
|
|
</div>
|
|
</template>
|
|
<style scoped>
|
|
.dashboard-chart-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--admin-space-2); }
|
|
h3 { display: flex; align-items: center; gap: var(--admin-space-2); margin: 0; font-size: var(--admin-font-section); }
|
|
h3::before { content: ''; width: 3px; height: 14px; border-radius: 2px; background: #5575ed; flex-shrink: 0; }
|
|
.dashboard-chart-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: var(--admin-space-3); margin-left: auto; }
|
|
.dashboard-chart-actions :deep(.el-button + .el-button) { margin-left: 0; }
|
|
</style>
|