Compare commits
2 Commits
edge
...
fix/activi
| Author | SHA1 | Date | |
|---|---|---|---|
| 9e1f591b25 | |||
| efa9db7330 |
@@ -166,7 +166,12 @@ export default function Dashboard() {
|
|||||||
className="sans"
|
className="sans"
|
||||||
style={{ display: 'flex', gap: 14, alignItems: 'center', padding: '13px 18px', borderBottom: '1px solid var(--line-soft)', fontSize: '0.86rem' }}
|
style={{ display: 'flex', gap: 14, alignItems: 'center', padding: '13px 18px', borderBottom: '1px solid var(--line-soft)', fontSize: '0.86rem' }}
|
||||||
>
|
>
|
||||||
<span style={{ flex: 'none', color: 'var(--accent)', fontSize: '0.66rem', fontWeight: 700, letterSpacing: '0.08em', textTransform: 'uppercase', width: 110, fontFamily: 'ui-monospace,Menlo,monospace' }}>
|
{/* `minWidth` rather than `width`: the column still lines up for core's
|
||||||
|
own short action names, and a longer one — a module's namespaced
|
||||||
|
action, say `rust.account.unlink.staff` — grows the box instead of
|
||||||
|
overflowing it and printing on top of the detail beside it. Found
|
||||||
|
on a live dashboard with a module installed. */}
|
||||||
|
<span style={{ flex: 'none', color: 'var(--accent)', fontSize: '0.66rem', fontWeight: 700, letterSpacing: '0.08em', textTransform: 'uppercase', minWidth: 110, fontFamily: 'ui-monospace,Menlo,monospace' }}>
|
||||||
{a.action}
|
{a.action}
|
||||||
</span>
|
</span>
|
||||||
<span style={{ flex: 1, color: 'var(--text)' }}>{formatDetail(a)}</span>
|
<span style={{ flex: 1, color: 'var(--text)' }}>{formatDetail(a)}</span>
|
||||||
|
|||||||
Reference in New Issue
Block a user