Redesign refresh button to match CI styleguide [skip ci]
This commit is contained in:
parent
546cc9abb9
commit
81801dcd88
1 changed files with 16 additions and 8 deletions
|
|
@ -349,19 +349,27 @@ html, body {
|
||||||
|
|
||||||
/* ── Refresh Button ── */
|
/* ── Refresh Button ── */
|
||||||
.hub-refresh-btn {
|
.hub-refresh-btn {
|
||||||
background: none;
|
display: flex;
|
||||||
border: none;
|
align-items: center;
|
||||||
color: var(--text-muted);
|
justify-content: center;
|
||||||
font-size: 1rem;
|
width: 30px;
|
||||||
cursor: pointer;
|
height: 30px;
|
||||||
padding: 4px 6px;
|
border: 1px solid var(--border);
|
||||||
border-radius: var(--radius);
|
border-radius: var(--radius);
|
||||||
transition: all var(--transition);
|
background: var(--bg-secondary);
|
||||||
|
color: var(--text-muted);
|
||||||
|
font-size: 14px;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all var(--transition);
|
||||||
}
|
}
|
||||||
.hub-refresh-btn:hover {
|
.hub-refresh-btn:hover {
|
||||||
color: var(--accent);
|
color: var(--accent);
|
||||||
background: rgba(230, 126, 34, 0.1);
|
border-color: var(--accent-border);
|
||||||
|
background: var(--accent-dim);
|
||||||
|
}
|
||||||
|
.hub-refresh-btn:active {
|
||||||
|
transform: scale(0.95);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ── Admin Button (header) ── */
|
/* ── Admin Button (header) ── */
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue