algorithm/tech-interview-handbook
1
0
Fork 0
mirror of https://github.com/yangshun/tech-interview-handbook.git synced 2025-07-27 20:22:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

[resumes][feat] add clear filters on mobile view

Browse Source
This commit is contained in:
Keane Chan
2022-10-28 10:20:42 +08:00
parent ea8db4f503
commit 59d4b25771
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
apps/portal/src/pages/resumes/browse.tsx
View File

@ -385,7 +385,7 @@ export default function ResumeHomePage() {
<form className="mt-4 border-t border-slate-200"> <form className="mt-4 border-t border-slate-200">
<ul <ul
className="flex flex-wrap justify-start gap-4 px-4 py-3 font-medium text-slate-900" className="flex w-11/12 flex-wrap justify-start gap-2 px-4 py-4 font-medium text-slate-900"
role="list"> role="list">
{SHORTCUTS.map((shortcut) => ( {SHORTCUTS.map((shortcut) => (
<li key={shortcut.name}> <li key={shortcut.name}>
@ -402,7 +402,7 @@ export default function ResumeHomePage() {
<Disclosure <Disclosure
key={filter.id} key={filter.id}
as="div" as="div"
className="border-t border-slate-200 px-4 py-6"> className="border-t border-slate-200 px-4 pt-6 pb-4">
{({ open }) => ( {({ open }) => (
<> <>
<h3 className="-mx-2 -my-3 flow-root"> <h3 className="-mx-2 -my-3 flow-root">
@ -425,8 +425,8 @@ export default function ResumeHomePage() {
</span> </span>
</Disclosure.Button> </Disclosure.Button>
</h3> </h3>
<Disclosure.Panel className="pt-6"> <Disclosure.Panel className="space-y-4 pt-6">
<div className="space-y-6"> <div className="space-y-3">
{filter.options.map((option) => ( {filter.options.map((option) => (
<div <div
key={option.value} key={option.value}
@ -450,6 +450,11 @@ export default function ResumeHomePage() {
</div> </div>
))} ))}
</div> </div>
<p
className="cursor-pointer text-sm text-slate-500 underline"
onClick={() => onClearFilterClick(filter.id)}>
Clear
</p>
</Disclosure.Panel> </Disclosure.Panel>
</> </>
)} )}