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

Add close icon to modals

This commit is contained in:
Andrew Kingston 2020-10-02 12:27:52 +01:00
parent 337f0591b5
commit f53bf54929
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-wrapper" on:click|self={hide}>
<div class="content" class:wide> <div class="content" class:wide>
<slot /> <slot />
<i class="ri-close-line" on:click={hide} />
</div> </div>
</div> </div>
</div> </div>
@ -113,4 +114,16 @@
.content.wide { .content.wide {
flex: 0 0 600px; 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> </style>