better ux for drag n drop element
This commit is contained in:
parent
a52d410861
commit
9323cb1a85
|
@ -136,6 +136,7 @@ p {
|
||||||
|
|
||||||
.file-drag-n-drop {
|
.file-drag-n-drop {
|
||||||
display: block;
|
display: block;
|
||||||
|
cursor: pointer;
|
||||||
width: 400px;
|
width: 400px;
|
||||||
height: 400px;
|
height: 400px;
|
||||||
background: var(--header-sec-color);
|
background: var(--header-sec-color);
|
||||||
|
@ -144,6 +145,9 @@ p {
|
||||||
transition: 250ms ease;
|
transition: 250ms ease;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
.file-drag-n-drop:hover {
|
||||||
|
background: #393939;
|
||||||
|
}
|
||||||
.file-drag-n-drop * { display: block }
|
.file-drag-n-drop * { display: block }
|
||||||
.file-drag-n-drop object { display: initial }
|
.file-drag-n-drop object { display: initial }
|
||||||
.file-drag-n-drop .file-drag-n-drop-inside {
|
.file-drag-n-drop .file-drag-n-drop-inside {
|
||||||
|
@ -208,6 +212,4 @@ p {
|
||||||
.footer td .btn {
|
.footer td .btn {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
/* width: 100%; */
|
|
||||||
/* height: 100%; */
|
|
||||||
}
|
}
|
Loading…
Reference in New Issue