This commit is contained in:
Dave Mc Nicoll 2023-05-30 15:37:13 -04:00
commit ec250be35b
1 changed files with 19 additions and 0 deletions

View File

@ -0,0 +1,19 @@
<style>
ui-popup {width:80vw; max-width:520px; box-shadow:0px 0px 0px 9999px rgba(0, 0, 0, 0.5);z-index:9999;transition:all 0.3s ease-out;background:#fff;position:fixed!important;top:0;left: 50%;transform:translate(-50%, 5%);max-height:calc(100vh - 10%);}
ui-popup.large {max-width:640px;}
ui-popup.x-large {max-width:830px;}
ui-popup:not(.visible) {transform: translate(-50%, -200%);transition-timing-function: ease-in;box-shadow:none;}
ui-popup .button-list {text-align:center;}
ui-popup .button-list .button {padding: 0px 7%;}
ui-popup .message {background: transparent}
ui-popup .title {font-size:1.5rem}
ui-popup:before {left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.1);content:" ";}
</style>
<template id="ui-popup">
<div class="ui-popup">
<slot name="title"></slot>
<slot name="message"></slot>
<slot name="buttons"></slot>
</div>
</template>