Justin Edmund
5875a52b47
- Create _z-index.scss with systematic z-index constants - Replace 60+ hardcoded z-index values across 19 components - Establish consistent layering hierarchy: - Base layers (1-3) - Interactive elements (10-200) - Overlays and modals (1000-1100) - Top-level elements (1200-10000) This improves maintainability and prevents z-index conflicts. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
28 lines
539 B
Svelte
28 lines
539 B
Svelte
<script lang="ts">
|
|
interface Props {
|
|
class?: string
|
|
}
|
|
|
|
let { class: className = '', children }: Props = $props()
|
|
</script>
|
|
|
|
<div class="dropdown-menu {className}">
|
|
{@render children()}
|
|
</div>
|
|
|
|
<style lang="scss">
|
|
@import '$styles/variables.scss';
|
|
|
|
.dropdown-menu {
|
|
position: absolute;
|
|
top: calc(100% + $unit-half);
|
|
right: 0;
|
|
background: white;
|
|
border: 1px solid $grey-85;
|
|
border-radius: $unit;
|
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
|
|
overflow: hidden;
|
|
min-width: 180px;
|
|
z-index: $z-index-modal;
|
|
}
|
|
</style>
|