feat(fe): enable drag and drop to upload files

This commit is contained in:
hexxa 2022-04-30 21:40:45 +08:00 committed by Hexxa
parent 6034c56fe8
commit badd5ce65b
12 changed files with 152 additions and 22 deletions

View file

@ -328,6 +328,22 @@
background-color: #333;
}
.theme-dark .drop-area-container {
position: relative;
width: 100%;
padding-top: 20rem;
}
.theme-dark .drop-area {
opacity: 0.8;
backdrop-filter: blur(9.5px);
text-align: center;
border-radius: 0.8rem;
padding: 2rem 0;
margin: auto;
width: 25rem;
}
/* +colors */
.theme-dark .major-font {
@ -354,6 +370,9 @@
.theme-dark .focus-bg {
background-color: #16a085;
}
.theme-dark .reverse-bg {
background-color: #fff;
}
.theme-dark .minor-bg {
background-color: #333;
}

View file

@ -330,6 +330,30 @@
background-color: #ecf0f1;
}
.theme-default .drop-area-container {
position: relative;
width: 100%;
padding-top: 20rem;
}
.theme-default .drop-area {
opacity: 0.8;
backdrop-filter: blur(9.5px);
text-align: center;
border-radius: 0.8rem;
padding: 2rem 0;
margin: auto;
width: 25rem;
}
.theme-default #login-layer {
z-index: 200;
}
.theme-default #drop-area-layer {
z-index: 4;
}
/* +colors */
.theme-default .minor-font {
@ -360,6 +384,9 @@
.theme-default .minor-bg {
background-color: #ecf0f6;
}
.theme-default .reverse-bg {
background-color: #000;
}
.theme-default ::placeholder {
color: #95a5a6;
}