scss/style.scss
@import "globals";
.loading-modal {
background-color: rgba(255, 255, 255, 0.8);
display: none;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
body.loading .loading-modal {
display: block;
}
.title {
margin-right: auto;
margin-left: auto;
text-align: center;
}
.dropzone {
border: 4px dashed #ccc;
height: 200px;
position: relative;
margin-right: auto;
margin-left: auto;
max-width: 50%;
}
.info {
margin-top: 11%;
}
.dropzone p {
height: 100%;
margin: 0;
text-align: center;
width: 100%;
}
.input {
height: 100%;
left: 0;
outline: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
}
.status {
border-radius: 5px;
text-align: center;
width: 50%;
margin-left: auto;
margin-right: auto;
}
.dropzone.dropzone-dragging {
border-color: #000;
}
.img {
width: 100%;
}
button.no-styles {
background-color: transparent;
border: none;
cursor: pointer;
padding: 0;
color: inherit;
}