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

移除卡片悬停动画效果,调整图片尺寸并添加边框
This commit is contained in:
超级老白兔
2025-09-08 15:22:09 +08:00
parent 4e8c728457
commit f13d623d14

View File

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