mirror of
https://github.com/hcengineering/platform.git
synced 2025-04-16 05:13:06 +00:00
parent
580ca436b3
commit
ee1ba55c5c
@ -73,19 +73,13 @@
|
|||||||
<svelte:component this={$modal.is} {...$modal.props} on:close={close} />
|
<svelte:component this={$modal.is} {...$modal.props} on:close={close} />
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
<!-- <div bind:this={arrowHTML} class="arrow" /> -->
|
|
||||||
<div bind:this={modalOHTML} class="modal-overlay" on:click={close} />
|
<div bind:this={modalOHTML} class="modal-overlay" on:click={close} />
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.popup {
|
.popup {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
padding: .5rem;
|
background-color: transparent;
|
||||||
color: var(--theme-caption-color);
|
|
||||||
background-color: var(--theme-button-bg-hovered);
|
|
||||||
border: 1px solid var(--theme-button-border-enabled);
|
|
||||||
border-radius: .75rem;
|
|
||||||
box-shadow: 0px -.5rem 1.25rem rgba(0, 0, 0, .25);
|
|
||||||
z-index: 1001;
|
z-index: 1001;
|
||||||
}
|
}
|
||||||
.modal-overlay {
|
.modal-overlay {
|
||||||
@ -97,14 +91,4 @@
|
|||||||
background: transparent;
|
background: transparent;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
}
|
}
|
||||||
|
|
||||||
// .arrow {
|
|
||||||
// position: fixed;
|
|
||||||
// width: 1.75rem;
|
|
||||||
// height: .625rem;
|
|
||||||
// clip-path: path('M8.3,4.4l2.4-2.7C11.8,0.6,12.8,0,14,0C13.1,0,0.9,0,0,0c1.2,0,2.2,0.6,3.2,1.7l2.5,2.7 c0.6,0.7,1.7,0.8,2.5,0.2C8.2,4.5,8.3,4.5,8.3,4.4z');
|
|
||||||
// transform: translateX(-25%);
|
|
||||||
// background-color: green;
|
|
||||||
// z-index: 1002;
|
|
||||||
// }
|
|
||||||
</style>
|
</style>
|
@ -76,6 +76,7 @@
|
|||||||
background-clip: border-box;
|
background-clip: border-box;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
border-radius: 1.25rem;
|
border-radius: 1.25rem;
|
||||||
|
box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, .35);
|
||||||
|
|
||||||
&.dragover {
|
&.dragover {
|
||||||
border: 1px solid red;
|
border: 1px solid red;
|
||||||
|
Loading…
Reference in New Issue
Block a user