Add wide prop for modals

This commit is contained in:
Andrew Kingston 2020-10-02 12:22:34 +01:00
parent c062111403
commit 7583dfc711
1 changed files with 6 additions and 1 deletions

View File

@ -15,6 +15,8 @@
import { ContextKey } from "./context"
const dispatch = createEventDispatcher()
export let wide
let visible
export function show() {
@ -47,7 +49,7 @@
on:click|self={hide}
transition:fly={{ y: 100 }}>
<div class="content-wrapper" on:click|self={hide}>
<div class="content">
<div class="content" class:wide>
<slot />
</div>
</div>
@ -108,4 +110,7 @@
gap: var(--spacing-xl);
padding: var(--spacing-xl);
}
.content.wide {
flex: 0 0 600px;
}
</style>