sigit_design/assets/css/uploadBox.css

51 lines
844 B
CSS

.uploadBox {
transition: ease 0.2s;
width: 100%;
display: flex;
flex-direction: column;
border-radius: 4px;
padding: 15px;
background: white;
height: 250px;
}
.uploadBox:hover {
transition: ease 0.2s;
padding: 10px;
}
.uploadBoxInside {
transition: ease 0.2s;
width: 100%;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: rgba(0,0,0,0.1);
color: rgba(0,0,0,0.25);
padding: 25px;
height: 100%;
min-height: 200px;
border-radius: 2px;
border: dashed 3px rgba(0,0,0,0.1);
font-size: 16px;
text-align: center;
}
.uploadBoxInside:hover {
transition: ease 0.2s;
background: rgba(0,0,0,0.15);
}
.uploadBoxInsideUpload {
opacity: 0;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
cursor: pointer;
}