xinyin025/geekai
1
0
Fork 0
mirror of https://github.com/yangjian102621/geekai.git synced 2025-12-27 10:35:58 +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

42
web/src/assets/css/chat-app.css
View File

@@ -13,8 +13,44 @@
.page-apps .inner {
display: flex;
color: #fff;
padding: 20px;
padding: 15px;
overflow-y: visible;
overflow-x: hidden;
}
.page-apps .inner .left-menu {
width: 160px;
.page-apps .inner .list-box .app-item {
border: 1px solid #666;
border-radius: 6px;
overflow: hidden;
transition: all 0.3s ease; /* 添加过渡效果 */
}
.page-apps .inner .list-box .app-item .el-image {
padding: 6px;
}
.page-apps .inner .list-box .app-item .el-image .el-image__inner {
border-radius: 10px;
}
.page-apps .inner .list-box .app-item .title {
display: flex;
padding: 10px;
}
.page-apps .inner .list-box .app-item .title .name {
width: 100%;
text-align: left;
font-size: 16px;
font-weight: bold;
color: #47fff1;
}
.page-apps .inner .list-box .app-item .title .opt {
position: relative;
top: -5px;
}
.page-apps .inner .list-box .app-item .hello-msg {
height: 60px;
padding: 10px;
font-size: 14px;
color: #999;
}
.page-apps .inner .list-box .app-item:hover {
box-shadow: 0 0 10px rgba(71,255,241,0.6); /* 添加阴影效果 */
transform: translateY(-10px); /* 向上移动10像素 */
}