xinyin025/geekai
1
0
Fork 0
mirror of https://github.com/yangjian102621/geekai.git synced 2025-11-14 13:13:43 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

opt: adjust styles for ItemList component, cut string for chat role's hello message

Browse Source
This commit is contained in:
RockYang
2023-10-16 10:46:10 +08:00
parent 4595dcb7ed
commit 7ca1989d98
14 changed files with 221 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
web/src/assets/css/image-mj.css
View File

@@ -176,6 +176,11 @@
.page-mj .inner .task-list-box .finish-job-list .job-item {
width: 100%;
height: 100%;
border: 1px solid #666;
padding: 6px;
overflow: hidden;
border-radius: 6px;
transition: all 0.3s ease; /* 添加过渡效果 */
}
.page-mj .inner .task-list-box .finish-job-list .job-item .opt .opt-line {
margin: 6px 0;
@@ -185,11 +190,11 @@
flex-flow: row;
}
.page-mj .inner .task-list-box .finish-job-list .job-item .opt .opt-line ul li {
margin-right: 10px;
margin-right: 6px;
}
.page-mj .inner .task-list-box .finish-job-list .job-item .opt .opt-line ul li a {
padding: 3px 0;
width: 44px;
width: 40px;
text-align: center;
border-radius: 5px;
display: block;
@@ -204,10 +209,14 @@
font-size: 20px;
cursor: pointer;
}
.page-mj .inner .task-list-box .finish-job-list .job-item:hover {
box-shadow: 0 0 10px rgba(71,255,241,0.6); /* 添加阴影效果 */
transform: translateY(-10px); /* 向上移动10像素 */
}
.page-mj .inner .task-list-box .el-image {
width: 100%;
height: 100%;
max-height: 240px;
overflow: visible;
}
.page-mj .inner .task-list-box .el-image img {
height: 240px;
@@ -224,16 +233,17 @@
height: 100%;
min-height: 200px;
color: #fff;
height: 240px;
}
.page-mj .inner .task-list-box .el-image .image-slot .iconfont {
font-size: 50px;
margin-bottom: 10px;
}
.page-mj .inner .task-list-box .el-image.upscale {
max-height: 304px;
max-height: 310px;
}
.page-mj .inner .task-list-box .el-image.upscale img {
height: 304px;
height: 310px;
}
.page-mj .inner .task-list-box .el-image.upscale .el-image-viewer__wrapper img {
width: auto;