mirror of
https://github.com/Kuingsmile/PicList.git
synced 2026-05-11 09:59:59 +08:00
94 lines
1.9 KiB
CSS
94 lines
1.9 KiB
CSS
.view-title {
|
|
display: flex;
|
|
color: #eee;
|
|
font-size: 20px;
|
|
text-align: center;
|
|
margin: 10px auto;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
#upload-view-title:hover {
|
|
cursor: pointer;
|
|
color: #409eff;
|
|
}
|
|
#upload-view {
|
|
position: absolute;
|
|
left: 142px;
|
|
right: 0;
|
|
height: 100%;
|
|
}
|
|
#upload-view .view-title {
|
|
margin: 10vh auto 10px;
|
|
}
|
|
#upload-view #upload-area {
|
|
height: 50vh;
|
|
border: 2px dashed #ddd;
|
|
border-radius: 8px;
|
|
text-align: center;
|
|
width: 60vw;
|
|
margin: 0 auto;
|
|
color: #ddd;
|
|
cursor: pointer;
|
|
transition: all 0.2s ease-in-out;
|
|
align-items: center;
|
|
}
|
|
#upload-view #upload-area #upload-dragger {
|
|
height: 100%;
|
|
item-align: center;
|
|
}
|
|
#upload-view #upload-area.is-dragover,
|
|
#upload-view #upload-area:hover {
|
|
border: 2px dashed #a4d8fa;
|
|
background-color: rgba(164,216,250,0.3);
|
|
color: #fff;
|
|
}
|
|
#upload-view #upload-area i {
|
|
height: 80%;
|
|
font-size: 10vh;
|
|
margin: 0;
|
|
}
|
|
#upload-view #upload-area span {
|
|
color: #409eff;
|
|
}
|
|
#upload-view #file-uploader {
|
|
display: none;
|
|
}
|
|
#upload-view .upload-progress {
|
|
opacity: 0;
|
|
transition: all 0.2s ease-in-out;
|
|
width: 450px;
|
|
margin: 20px auto 0;
|
|
}
|
|
#upload-view .upload-progress.show {
|
|
opacity: 1;
|
|
}
|
|
#upload-view .upload-progress .el-progress-bar__inner {
|
|
transition: all 0.2s ease-in-out;
|
|
}
|
|
#upload-view .paste-style {
|
|
justify-content: center;
|
|
text-align: center;
|
|
margin-top: 16px;
|
|
display: flex;
|
|
align-items: flex-end;
|
|
}
|
|
#upload-view .paste-style__text {
|
|
font-size: 12px;
|
|
color: #eee;
|
|
margin-bottom: 4px;
|
|
}
|
|
#upload-view .el-radio-button:first-child .el-radio-button__inner {
|
|
border-left: none;
|
|
}
|
|
#upload-view .el-radio-button:first-child .el-radio-button__inner {
|
|
border-left: none;
|
|
border-radius: 14px 0 0 14px;
|
|
}
|
|
#upload-view .el-radio-button:last-child .el-radio-button__inner {
|
|
border-left: none;
|
|
border-radius: 0 14px 14px 0;
|
|
}
|
|
#upload-view .el-icon-caret-bottom {
|
|
cursor: pointer;
|
|
}
|