fix(badges): enhance badge styles for better visibility and consistency
This commit is contained in:
1 parent
5c4fc32d80
commit
f6ff607777
1 file changed
+5
-8
+5
-8
@@ -470,7 +470,8 @@ body {
|
|||||||
--badge-border: rgba(16, 185, 129, 0.28);
|
--badge-border: rgba(16, 185, 129, 0.28);
|
||||||
}
|
}
|
||||||
|
|
||||||
.badge-offline {
|
.badge-offline,
|
||||||
|
.badge-danger {
|
||||||
--badge-color: #dc2626;
|
--badge-color: #dc2626;
|
||||||
--badge-bg: rgba(239, 68, 68, 0.15);
|
--badge-bg: rgba(239, 68, 68, 0.15);
|
||||||
--badge-border: rgba(239, 68, 68, 0.28);
|
--badge-border: rgba(239, 68, 68, 0.28);
|
||||||
@@ -489,20 +490,16 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.ui-badge {
|
.ui-badge {
|
||||||
/* --badge-color: var(--text-secondary);
|
|
||||||
--badge-bg: rgba(148, 163, 184, 0.1);
|
|
||||||
--badge-border: rgba(148, 163, 184, 0.5); */
|
|
||||||
|
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
min-height: 24px;
|
min-height: 24px;
|
||||||
padding: 3px 11px;
|
padding: 3px 11px;
|
||||||
border: 1px solid var(--badge-border);
|
border: 1px solid var(--badge-border, rgba(148, 163, 184, 0.5));
|
||||||
border-radius: 999px;
|
border-radius: 999px;
|
||||||
background: var(--badge-bg);
|
background: var(--badge-bg, rgba(148, 163, 184, 0.1));
|
||||||
color: var(--badge-color);
|
color: var(--badge-color, var(--text-secondary));
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
line-height: 1.25;
|
line-height: 1.25;
|
||||||
|
|||||||
Reference in new issue
Block a user