AkurAI-Mail / src/lib/webmail/SettingsDrawer.svelte

Latest change 44bac58a05a32fe23c63b2b1f4bec30b0428c016 - AKURAI-MAIL-5 split webmail view components by Ólafur Búi Ólafsson

<script lang="ts">
  let { open, onClose, children } = $props();
</script>
{#if open}<div class="drawer-overlay" role="presentation" onclick={onClose}></div><div class="settings-drawer" aria-label="Webmail settings" role="dialog" aria-modal="true">{@render children?.()}</div>{/if}
<style>.drawer-overlay { position: fixed; inset: 0; z-index: 74; background: rgb(7 19 14 / .42); }.settings-drawer { position: fixed; z-index: 75; top: 0; right: 0; bottom: 0; width: min(450px, 100vw); overflow: auto; background: var(--surface); border-left: 1px solid var(--line); box-shadow: -18px 0 52px rgb(9 27 20 / .22); }</style>