Patrick/medassist-ng
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enhance input and textarea styles for improved usability

Browse Source
This commit is contained in:
Daniel Volz
2025-12-21 07:31:48 +01:00
parent 3ffca8f333
commit d12f6872a4
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/styles.css
+7 -2
View File
@@ -279,7 +279,7 @@ button.ghost:hover { background: rgba(255, 255, 255, 0.06); transform: none; }
button.ghost.danger { border-color: rgba(239, 68, 68, 0.4); color: var(--danger); } button.ghost.danger { border-color: rgba(239, 68, 68, 0.4); color: var(--danger); }
button.ghost.danger:hover { background: var(--danger-bg); } button.ghost.danger:hover { background: var(--danger-bg); }
input, select { input, select, textarea {
width: 100%; width: 100%;
padding: 0.7rem 0.85rem; padding: 0.7rem 0.85rem;
border-radius: 8px; border-radius: 8px;
@@ -287,13 +287,18 @@ input, select {
background: var(--bg-input); background: var(--bg-input);
color: var(--text-primary); color: var(--text-primary);
font-size: 0.95rem; font-size: 0.95rem;
font-family: inherit;
transition: border-color 150ms ease, box-shadow 150ms ease, background 200ms ease; transition: border-color 150ms ease, box-shadow 150ms ease, background 200ms ease;
} }
input:focus, select:focus { input:focus, select:focus, textarea:focus {
outline: none; outline: none;
border-color: var(--accent); border-color: var(--accent);
box-shadow: 0 0 0 3px rgba(47, 134, 246, 0.15); box-shadow: 0 0 0 3px rgba(47, 134, 246, 0.15);
} }
textarea {
resize: vertical;
min-height: 60px;
}
.static-value { .static-value {
padding: 0.7rem 0.85rem; padding: 0.7rem 0.85rem;