MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/builder/src/components/common/Modal/Modal.svelte
View File

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