CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-05 14:31:17 +12:00
Code Issues Projects Releases Wiki Activity

Add close icon to modals

Browse source
This commit is contained in:
Andrew Kingston 2020-10-02 12:27:52 +01:00
parent 1c86753d00
commit 95e95adfc8
1 changed files with 13 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
packages/builder/src/components/common/Modal/Modal.svelte
View file

@ -51,6 +51,7 @@
<div class="content-wrapper" on:click|self={hide}>
<div class="content" class:wide>
<slot />
<i class="ri-close-line" on:click={hide} />
</div>
</div>
</div>
@ -113,4 +114,16 @@
.content.wide {
flex: 0 0 600px;
}
i {
position: absolute;
top: var(--spacing-xl);
right: var(--spacing-xl);
color: var(--ink);
font-size: var(--font-size-xl);
}
i:hover {
color: var(--grey-6);
cursor: pointer;
}
</style>