jedmund-svelte/src/lib/components/admin/DropdownMenuContainer.svelte
Justin Edmund a31291d69f refactor: replace deprecated $grey- variables with $gray-
- 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>
2025-06-25 21:41:50 -04:00

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 $gray-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>