feat(fe): enable drag and drop to upload files
This commit is contained in:
parent
6034c56fe8
commit
badd5ce65b
12 changed files with 152 additions and 22 deletions
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue