utopia-ai
/
HR-ATS-Portal
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Talent filter uses the standard toolbar-search box 

className="input" matches no CSS rule, so the filter fell back to the
browser default ~180px width and clipped its own placeholder ("Filter
by name, headline, com"). Swap it for the toolbar-search pattern every
other screen uses: search icon, full-width input, 340px cap.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
pull/29/head
Talha Ahmed 2026-08-25 19:49:08 +05:00
parent cec3be73fb
commit 4ad964e1ff
2 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/dist/index.html vendored
View File

@ -23,7 +23,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Belleza&family=Inter:wght@400;500;600;700;800&display=swap" />
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><rect width='100' height='100' rx='22' fill='%23004d43'/><g transform='translate(14 32) scale(0.72)'><path d='M100 3.65C97.86 20.99 91.89 43.03 79.48 55.33 76 58.77 71.84 61.46 66.96 62.14 50.4 64.46 41.84 47.5 29.07 42.7 21.85 39.98 14.5 42.02 9.66 47.95 6.54 51.78 4.49 56.35 2.97 61.13 2.41 61.64 0.97 61.66 0 61.31L0 0.13C1.05 0 2.27 0.02 3.09 0.28 14.9 15.86 26.77 30.82 40.15 45.28L60.79 24.7C67.38 18.22 74.41 12.74 82.59 8.51 88.11 5.83 93.64 3.93 100 3.65Z' fill='%23ceff71'/></g></svg>" />
<script type="module" crossorigin src="/assets/index-CsixWp5R.js"></script>
<script type="module" crossorigin src="/assets/index-BDBvEU8Q.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index--H0MdQBQ.css">
</head>
<body>

15
frontend/src/screens/Talent.jsx
View File

@ -543,13 +543,14 @@ export default function Talent() {
) : (
<>
<div className="flex items-center gap-8 mb-18">
<input
className="input"
style={{ maxWidth: 320 }}
placeholder="Filter by name, headline, company…"
value={search}
onChange={(e) => setSearch(e.target.value)}
/>
<div className="toolbar-search">
<Icon name="search" />
<input
placeholder="Filter by name, headline, company…"
value={search}
onChange={(e) => setSearch(e.target.value)}
/>
</div>
<span className="text-muted text-sm">
{visible.length} of {profiles.length} profile{profiles.length === 1 ? '' : 's'}
</span>