style: 优化文件列表卡片的悬停交互动画效果
This commit is contained in:
1 parent
842af264e2
commit
20d9ea92fc
1 file changed
+8
-2
@@ -204,8 +204,12 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.file-card:hover {
|
.file-card:hover .file-preview img {
|
||||||
border-color: var(--accent-color);
|
transform: scale(1.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.file-card:hover .file-icon {
|
||||||
|
transform: scale(1.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.file-preview {
|
.file-preview {
|
||||||
@@ -222,10 +226,12 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
|
transition: transform 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.file-icon {
|
.file-icon {
|
||||||
color: var(--text-muted);
|
color: var(--text-muted);
|
||||||
|
transition: transform 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.file-info {
|
.file-info {
|
||||||
|
|||||||
Reference in new issue
Block a user