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

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

<script lang="ts">
  let { open, children } = $props();
</script>
{#if open}<div class="overlay" role="presentation"><div class="compose-window" aria-label="Compose message" role="dialog" aria-modal="true">{@render children?.()}</div></div>{/if}
<style>.overlay { position: fixed; inset: 0; z-index: 80; display: grid; place-items: end center; padding: 18px; background: rgb(7 19 14 / .42); }.compose-window { width: min(680px, 100%); max-height: min(780px, calc(100dvh - 36px)); display: grid; overflow: auto; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); box-shadow: 0 30px 80px rgb(4 16 11 / .35); }</style>