mirror of
https://github.com/yangjian102621/geekai.git
synced 2025-09-25 12:46:39 +08:00
97 lines
2.1 KiB
CSS
97 lines
2.1 KiB
CSS
.task-list-box {
|
|
width: 100%;
|
|
padding: 10px;
|
|
color: #fff;
|
|
overflow-x: hidden;
|
|
}
|
|
.task-list-box .running-job-list .job-item {
|
|
width: 100%;
|
|
padding: 2px;
|
|
background-color: #555;
|
|
}
|
|
.task-list-box .running-job-list .job-item .job-item-inner {
|
|
position: relative;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.task-list-box .running-job-list .job-item .job-item-inner .progress {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.task-list-box .running-job-list .job-item .job-item-inner .progress span {
|
|
font-size: 20px;
|
|
color: #fff;
|
|
}
|
|
.task-list-box .finish-job-list .job-item {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.task-list-box .finish-job-list .job-item .opt .opt-line {
|
|
margin: 6px 0;
|
|
}
|
|
.task-list-box .finish-job-list .job-item .opt .opt-line ul {
|
|
display: flex;
|
|
flex-flow: row;
|
|
}
|
|
.task-list-box .finish-job-list .job-item .opt .opt-line ul li {
|
|
margin-right: 10px;
|
|
}
|
|
.task-list-box .finish-job-list .job-item .opt .opt-line ul li a {
|
|
padding: 3px 0;
|
|
width: 44px;
|
|
text-align: center;
|
|
border-radius: 5px;
|
|
display: block;
|
|
cursor: pointer;
|
|
background-color: #4e5058;
|
|
color: #fff;
|
|
}
|
|
.task-list-box .finish-job-list .job-item .opt .opt-line ul li a:hover {
|
|
background-color: #6d6f78;
|
|
}
|
|
.task-list-box .finish-job-list .job-item .opt .opt-line ul .show-prompt {
|
|
font-size: 20px;
|
|
cursor: pointer;
|
|
}
|
|
.task-list-box .el-image {
|
|
width: 100%;
|
|
height: 100%;
|
|
max-height: 240px;
|
|
}
|
|
.task-list-box .el-image img {
|
|
height: 240px;
|
|
}
|
|
.task-list-box .el-image .el-image-viewer__wrapper img {
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
.task-list-box .el-image .image-slot {
|
|
display: flex;
|
|
flex-flow: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100%;
|
|
min-height: 200px;
|
|
color: #fff;
|
|
}
|
|
.task-list-box .el-image .image-slot .iconfont {
|
|
font-size: 50px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.task-list-box .el-image.upscale {
|
|
max-height: 304px;
|
|
}
|
|
.task-list-box .el-image.upscale img {
|
|
height: 304px;
|
|
}
|
|
.task-list-box .el-image.upscale .el-image-viewer__wrapper img {
|
|
width: auto;
|
|
height: auto;
|
|
}
|