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

Latest change 22202d1bde69be4ace8a299dffd91f8ff24378df - Recover deployed webmail frontend (frontend parity with EC2 a6afffc) 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 {
    z-index: 80;
    background: #07130e6b;
    place-items: end center;
    padding: 18px;
    display: grid;
    position: fixed;
    inset: 0;
  }
  .compose-window {
    border: 1px solid var(--line);
    background: var(--surface);
    border-radius: 6px;
    width: min(680px, 100%);
    max-height: min(780px, 100dvh - 36px);
    display: grid;
    overflow: auto;
    box-shadow: 0 30px 80px #04100b59;
  }
</style>