root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(FN-932): add global .input and .select styles for dialog form inputs

Browse Source 
- Add consistent styling for .input and .select elements in dialog contexts
- Improve form input appearance with proper padding, borders, and focus states
- Ensure visual consistency across all dialog-based forms in the dashboard
This commit is contained in:
gsxdsm
2026-04-05 00:09:41 -07:00
parent a2d993586f
commit d22f11952d
1 changed files with 37 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
packages/dashboard/app/styles.css
View File

@@ -2720,6 +2720,43 @@ body {
padding: var(--space-xs) var(--space-sm); padding: var(--space-xs) var(--space-sm);
} }
/* === Global Input & Select Classes === */
.input {
background: var(--surface);
color: var(--text);
border: 1px solid var(--border);
border-radius: var(--radius-sm);
padding: 6px 10px;
font-size: 13px;
font-family: var(--font-primary);
outline: none;
transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.input:focus {
border-color: var(--todo);
box-shadow: var(--focus-ring);
}
.input::placeholder {
color: var(--text-dim);
}
.select {
background: var(--surface);
color: var(--text);
border: 1px solid var(--border);
border-radius: var(--radius-sm);
padding: 6px 10px;
font-size: 13px;
font-family: var(--font-primary);
cursor: pointer;
outline: none;
transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.select:focus {
border-color: var(--todo);
box-shadow: var(--focus-ring);
}
/* === Helper Text & Field Errors === */ /* === Helper Text & Field Errors === */
.form-group small { .form-group small {
display: block; display: block;