27192dd69f
Frontend redesign in progress: updated styles, layout, and components across all pages to align with new design system. Includes Jira API compliance specs, property tests, and load test script.
20 lines
1.5 KiB
HTML
20 lines
1.5 KiB
HTML
<!doctype html><html><head><meta charset="utf-8"><title>Inputs</title><link rel="stylesheet" href="_card.css"><style>
|
|
.field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:160px}
|
|
.field label{font:500 11px var(--font-ui);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em}
|
|
.field input,.field select{background:var(--bg-input);color:var(--fg-1);border:1px solid var(--border-1);border-radius:6px;padding:8px 10px;font:400 13px var(--font-ui);outline:none}
|
|
.field input:focus,.field select:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}
|
|
.field input::placeholder{color:var(--fg-disabled)}
|
|
</style></head><body>
|
|
<div class="card">
|
|
<div class="card-row" style="gap:14px;align-items:flex-start">
|
|
<div class="field"><label>Search</label><input placeholder="CVE-2024-…" /></div>
|
|
<div class="field"><label>Vendor</label><select><option>All vendors</option><option>Cisco</option><option>Juniper</option></select></div>
|
|
<div class="field"><label>Severity</label><select><option>All</option><option>Critical</option><option>High</option></select></div>
|
|
</div>
|
|
<div class="card-row" style="gap:14px">
|
|
<div class="field" style="max-width:240px"><label>Focused</label><input value="EXC-30482" style="border-color:var(--border-focus);box-shadow:var(--shadow-focus)" /></div>
|
|
<div class="field" style="max-width:240px"><label>Disabled</label><input value="read only" disabled style="opacity:.5" /></div>
|
|
</div>
|
|
</div>
|
|
</body></html>
|