Justin Edmund
a31291d69f
- Replace 802 instances of $grey- variables with $gray- across 106 files - Remove legacy color aliases from variables.scss - Maintain consistent naming convention throughout codebase This completes the migration to the new color scale system. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
39 lines
551 B
Svelte
39 lines
551 B
Svelte
<script lang="ts">
|
|
interface Props {
|
|
title: string
|
|
actions?: any
|
|
}
|
|
|
|
let { title, actions }: Props = $props()
|
|
</script>
|
|
|
|
<header>
|
|
<h1>{title}</h1>
|
|
{#if actions}
|
|
<div class="header-actions">
|
|
{@render actions()}
|
|
</div>
|
|
{/if}
|
|
</header>
|
|
|
|
<style lang="scss">
|
|
header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
width: 100%;
|
|
|
|
h1 {
|
|
font-size: 1.75rem;
|
|
font-weight: 700;
|
|
margin: 0;
|
|
color: $gray-10;
|
|
}
|
|
}
|
|
|
|
.header-actions {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: $unit-2x;
|
|
}
|
|
</style>
|