New card (#88)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2021-08-30 13:56:20 +03:00 committed by GitHub
parent da9a0f2e84
commit ba851b85ba
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 5 deletions

View File

@ -33,10 +33,10 @@
<div class="dialog-container">
<form class="dialog" on:submit|preventDefault={() => { okAction(); dispatch('close') }}>
<div class="flex-between header">
<!-- <div class="flex-between header">
<div class="title"><Label {label} /></div>
<div class="tool" on:click={() => { dispatch('close') }}><Close size={'small'} /></div>
</div>
</div> -->
<div class="content">
<ScrollBox vertical stretch><slot /></ScrollBox>
</div>
@ -60,9 +60,10 @@
.dialog {
display: flex;
flex-direction: column;
margin-top: 100px;
width: 45rem;
min-height: 100vh;
max-height: 100vh;
min-height: calc(100vh - 100px);
max-height: calc(100vh - 100px);
background-color: var(--theme-bg-color);
border-radius: 1.875rem 0 0 1.875rem;
box-shadow: 0px 3.125rem 7.5rem rgba(0, 0, 0, .4);

View File

@ -48,7 +48,8 @@
}
if (rect.left > document.body.clientWidth - rect.right) {
// style += 'left'
modalHTML.style.right = document.body.clientWidth - rect.right + 'px'
// modalHTML.style.right = document.body.clientWidth - rect.right + 'px'
modalHTML.style.right = '0px'
} else {
// style += 'right'
modalHTML.style.left = rect.left + 'px'