butter/keanu-weblite
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

File mode: support drag drop and fix cancellation of uploads

Browse source
This commit is contained in:
N-Pex 2023-07-06 11:18:26 +02:00
parent fbacf68651
commit 2f29b72594
4 changed files with 125 additions and 67 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/assets/css/filedrop.scss
View file

@ -36,6 +36,9 @@ $small-button-height: 36px;
width: 100%;
height: 50%;
background-color: #181719;
&.drop-target {
background-color: #383739;
}
border-radius: 19px;
display: flex;
flex-direction: column;
@ -90,6 +93,9 @@ $small-button-height: 36px;
width: 100%;
height: 70%;
background-color: #181719;
&.drop-target {
background-color: #383739;
}
border-radius: 19px;
overflow: hidden;
.v-image {
@ -242,16 +248,21 @@ $small-button-height: 36px;
}
}
.file-drop-stack-item {
background: linear-gradient(0deg, #3a3a3c 0%, #3a3a3c 100%), #fff;
background: #3a3a3c;
position: absolute;
overflow: hidden;
opacity: 0;
.v-image {
width: 100%;
height: 100%;
object-fit: cover;
}
&.direct {
opacity: 1 !important;
}
&.animated {
animation-name: fadeInStackItem;
animation-fill-mode: both;
animation-duration: 1.5s;
}
}