新增预警页面
This commit is contained in:
@@ -91,10 +91,21 @@
|
|||||||
|
|
||||||
// 应用图标样式
|
// 应用图标样式
|
||||||
.app-icon {
|
.app-icon {
|
||||||
width: 32px;
|
width: 40px;
|
||||||
height: 24px;
|
height: 28px;
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
border-radius: 4px;
|
border-radius: 8px;
|
||||||
|
// 添加淡蓝色边框
|
||||||
|
border: 1px solid #b3d9f2; // 淡蓝色边框
|
||||||
|
// 可选:添加内边距让边框和图标之间有间距
|
||||||
|
padding: 2px;
|
||||||
|
// 可选:鼠标悬浮效果
|
||||||
|
transition: border-color 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 可选:鼠标悬浮时加深边框颜色
|
||||||
|
&:hover .app-icon {
|
||||||
|
border-color: #7cb9e8;
|
||||||
}
|
}
|
||||||
|
|
||||||
// 应用文字样式
|
// 应用文字样式
|
||||||
|
|||||||
Reference in New Issue
Block a user