fnvtk/cunkebao_v3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(MessageRecord): 调整消息记录样式，优化图片边框和悬停效果

Browse Source 
移除卡片悬停动画效果，调整图片尺寸并添加边框
This commit is contained in:
超级老白兔
2025-09-08 15:22:09 +08:00
parent 4e8c728457
commit f13d623d14
1 changed files with 3 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
Cunkebao/src/pages/pc/ckbox/components/ChatWindow/components/MessageRecord/MessageRecord.module.scss
View File

@@ -293,7 +293,7 @@
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
transition: transform 0.3s ease; transition: transform 0.3s ease;
border: 0.5px solid #e1e8ed;
&:hover { &:hover {
transform: scale(1.05); transform: scale(1.05);
} }
@@ -367,11 +367,6 @@
padding: 16px; padding: 16px;
min-height: auto; min-height: auto;
max-width: 320px; max-width: 320px;
&:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
} }
.articleTitle { .articleTitle {
@@ -411,8 +406,8 @@
.articleImageArea { .articleImageArea {
flex-shrink: 0; flex-shrink: 0;
width: 80px; width: 60px;
height: 80px; height: 60px;
overflow: hidden; overflow: hidden;
border-radius: 8px; border-radius: 8px;
background: #f8f9fa; background: #f8f9fa;
@@ -423,10 +418,6 @@
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
transition: transform 0.3s ease; transition: transform 0.3s ease;
&:hover {
transform: scale(1.05);
}
} }
} }