file-uploader-component
Version:
A reactjs and vuejs component of file uploader.
43 lines (42 loc) • 852 B
CSS
.file-uploader-container {
padding-top: 16px;
padding-bottom: 16px;
border-width: 1px;
border-radius: 3px;
height: 31px;
line-height: 31px;
font-size: 14px;
text-align: center;
border-color: #ddd;
border-style: dashed;
background-color: #fafafa;
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: relative;
}
.file-uploader-container input {
opacity: 0.0001;
margin-left: -350px;
cursor: pointer;
position: absolute;
display: inline;
}
.file-uploader-container span {
color: #4078c0;
cursor: pointer;
}
.file-uploader-progress {
background-color: #f5f5f5;
border-radius: 4px;
height: 20px;
}
.file-uploader-progress div {
width: 10%;
background-color: #337ab7;
color: #fff;
height: 20px;
line-height: 20px;
font-size: 12px;
text-align: center;
min-width: 20px;
}