Add close icon to modals
This commit is contained in:
parent
1c86753d00
commit
95e95adfc8
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue