58 lines
1.2 KiB
CSS
58 lines
1.2 KiB
CSS
/* ============================================================================
|
|
Glance 二次开发自定义样式表 (/app/assets/user.css)
|
|
微调卡片质感、进度条与自定义遥测面板样式
|
|
============================================================================ */
|
|
.hl-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
|
|
gap: 14px;
|
|
}
|
|
|
|
.hl-card {
|
|
padding: 16px;
|
|
border-radius: 10px;
|
|
background: rgba(255, 255, 255, 0.025);
|
|
border: 1px solid rgba(255, 255, 255, 0.07);
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
gap: 12px;
|
|
}
|
|
|
|
.hl-row {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
font-size: 13px;
|
|
}
|
|
|
|
.hl-bar-bg {
|
|
width: 100%;
|
|
height: 6px;
|
|
background: rgba(255, 255, 255, 0.07);
|
|
border-radius: 999px;
|
|
overflow: hidden;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.hl-bar-fill {
|
|
height: 100%;
|
|
border-radius: 999px;
|
|
background: var(--color-primary);
|
|
}
|
|
|
|
.hl-bar-fill-green {
|
|
height: 100%;
|
|
border-radius: 999px;
|
|
background: var(--color-positive);
|
|
}
|
|
|
|
.hl-badge {
|
|
display: inline-block;
|
|
padding: 2px 8px;
|
|
border-radius: 6px;
|
|
font-size: 11px;
|
|
background: rgba(255, 255, 255, 0.06);
|
|
border: 1px solid rgba(255, 255, 255, 0.08);
|
|
}
|