34 lines
2.0 KiB
CSS
34 lines
2.0 KiB
CSS
/* Bell-only components layered on the shared go-admin-ui prototype adapter. */
|
|
.bell-go-admin .brand-mark { background: #1677ff; }
|
|
.bell-go-admin .bell-workbench { grid-template-columns: minmax(340px,.95fr) minmax(460px,1.35fr); }
|
|
.bell-go-admin .alert-list { display: grid; gap: 8px; }
|
|
.bell-go-admin .alert-row { width: 100%; min-height: 72px; grid-template-columns: 4px minmax(0,1fr) auto; padding: 11px 12px; border-color: #e4e7ed; border-radius: 4px; text-align: left; color: #303133; }
|
|
.bell-go-admin .alert-row:hover { border-color: #91caff; background: #f5f9ff; }
|
|
.bell-go-admin .alert-row.selected { border-color: #69b1ff; background: #e6f4ff; box-shadow: inset 0 0 0 1px #91caff; }
|
|
.bell-go-admin .severity-bar { background: #f56c6c; }
|
|
.bell-go-admin .severity-bar.medium { background: #e6a23c; }
|
|
.bell-go-admin .alert-title { display: block; font-size: 14px; font-weight: 500; }
|
|
.bell-go-admin .alert-meta { margin-top: 5px; }
|
|
.bell-go-admin .alert-actions { margin-top: 14px; display: flex; justify-content: flex-end; gap: 8px; }
|
|
.bell-go-admin .el-tabs { margin-bottom: 14px; }
|
|
.bell-go-admin .el-tabs button { height: 36px; padding: 0 16px; color: #606266; font-size: 13px; }
|
|
.bell-go-admin .el-tabs button[aria-selected="true"] { color: #1677ff; border-bottom-color: #1677ff; }
|
|
.bell-go-admin .timeline { padding-left: 2px; }
|
|
.bell-go-admin .timeline-item::before { background: #1677ff; box-shadow: 0 0 0 4px #e6f4ff; }
|
|
.bell-go-admin .dev-only-note { margin: 0 0 18px; border-left-color: #e6a23c; border-radius: 4px; }
|
|
|
|
@media (max-width: 1080px) {
|
|
.bell-go-admin .bell-workbench { grid-template-columns: 1fr; }
|
|
}
|
|
|
|
@media (max-width: 900px) {
|
|
.bell-go-admin .alert-row { min-height: 76px; }
|
|
.bell-go-admin .alert-actions { flex-wrap: wrap; }
|
|
.bell-go-admin .alert-actions .el-button { flex: 1 1 150px; }
|
|
}
|
|
|
|
@media (max-width: 430px) {
|
|
.bell-go-admin .alert-row { grid-template-columns: 4px minmax(0,1fr); }
|
|
.bell-go-admin .alert-row .activity-time { grid-column: 2; }
|
|
}
|