Fix stat kind dropdown sizing to match number inputs
The new kind <select> fell through to the generic input/select CSS rule instead of the compact .se-num sizing, making it visually inconsistent with the min/max/initial number boxes next to it. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Sonnet 5
parent
42073d5d89
commit
8c02fe30d7
@@ -86,7 +86,7 @@ function StatEditor({ statKey, def, onRenameKey, onChange, onRemove }) {
|
||||
</>
|
||||
)}
|
||||
<Num label="cooldown" value={def.cooldown} onChange={(v) => set('cooldown', v)} />
|
||||
<label className="se-num">
|
||||
<label className="se-num se-kind">
|
||||
<span>kind</span>
|
||||
<select value={isText ? 'text' : (def.type === 'counter' ? 'counter' : 'number')}
|
||||
onChange={(e) => setType(e.target.value === 'number' ? undefined : e.target.value)}>
|
||||
|
||||
@@ -781,7 +781,8 @@ button:disabled { opacity: 0.45; cursor: default; transform: none; box-shadow: n
|
||||
}
|
||||
.se-num { display: flex; flex-direction: column; gap: 2px; }
|
||||
.se-num span { font-size: 0.7rem; color: var(--text-dim); }
|
||||
.se-num input { width: 72px; padding: 3px 6px; font-size: 0.82rem; }
|
||||
.se-num input, .se-num select { width: 72px; padding: 3px 6px; font-size: 0.82rem; border-radius: 6px; }
|
||||
.se-kind select { width: 118px; }
|
||||
.se-check {
|
||||
display: flex; align-items: center; gap: 5px;
|
||||
font-size: 0.8rem; color: var(--text-dim);
|
||||
|
||||
Reference in New Issue
Block a user