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

Latest change 22202d1bde69be4ace8a299dffd91f8ff24378df - Recover deployed webmail frontend (frontend parity with EC2 a6afffc) 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 {
    z-index: 74;
    background: #07130e6b;
    position: fixed;
    inset: 0;
  }
  .settings-drawer {
    z-index: 75;
    background: var(--surface);
    border-left: 1px solid var(--line);
    width: min(450px, 100vw);
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: auto;
    box-shadow: -18px 0 52px #091b1438;
  }
</style>