style: proper file input styling to match theme

This commit is contained in:
tian 2026-05-08 10:04:05 +08:00
parent dfddae13fb
commit a676b6a3a4

View File

@ -291,6 +291,9 @@ tbody tr[data-nav-row]{cursor:pointer}
.field-grid label>span .required-mark{display:inline;color:var(--red);font-weight:600;margin-left:4px}
.field-grid .full{grid-column:1/-1}
.field-grid input,.field-grid select,.field-grid textarea{width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--input-bg);color:var(--text);font:inherit}
input[type=file]{padding:7px 10px;font-size:13px;color:var(--text)}
input[type=file]::file-selector-button{margin-right:10px;padding:6px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-soft);color:var(--text);font:inherit;cursor:pointer}
input[type=file]::file-selector-button:hover{background:var(--surface-strong);border-color:var(--border-strong)}
.field-grid textarea{resize:vertical;min-height:120px}
.code-input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.5}