msb-public
/
tech-interview-handbook
mirror of https://github.com/yangshun/tech-interview-handbook
2
1
Code Issues Projects Releases Wiki Activity

[resumes][refactor] update review ui

Browse Source
pull/418/head
Terence Ho 3 years ago
parent c95f8c5ba8
commit dca8a5106f
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File

24
apps/portal/src/pages/resumes/[resumeId].tsx
Unescape View File

@ -163,31 +163,31 @@ export default function ResumeReviewPage() {
</div> </div>
</div> </div>
<div className="flex flex-col lg:mt-0 lg:flex-row lg:flex-wrap lg:space-x-8"> <div className="flex flex-col lg:mt-0 lg:flex-row lg:flex-wrap lg:space-x-8">
<div className="mt-2 flex items-center text-sm text-slate-500"> <div className="mt-2 flex items-center text-sm text-slate-600">
<BriefcaseIcon <BriefcaseIcon
aria-hidden="true" aria-hidden="true"
className="mr-1.5 h-5 w-5 flex-shrink-0 text-slate-400" className="mr-1.5 h-5 w-5 flex-shrink-0 text-indigo-400"
/> />
{detailsQuery.data.role} {detailsQuery.data.role}
</div> </div>
<div className="flex items-center pt-2 text-sm text-slate-500"> <div className="flex items-center pt-2 text-sm text-slate-600">
<MapPinIcon <MapPinIcon
aria-hidden="true" aria-hidden="true"
className="mr-1.5 h-5 w-5 flex-shrink-0 text-slate-400" className="mr-1.5 h-5 w-5 flex-shrink-0 text-indigo-400"
/> />
{detailsQuery.data.location} {detailsQuery.data.location}
</div> </div>
<div className="flex items-center pt-2 text-sm text-slate-500"> <div className="flex items-center pt-2 text-sm text-slate-600">
<AcademicCapIcon <AcademicCapIcon
aria-hidden="true" aria-hidden="true"
className="mr-1.5 h-5 w-5 flex-shrink-0 text-slate-400" className="mr-1.5 h-5 w-5 flex-shrink-0 text-indigo-400"
/> />
{detailsQuery.data.experience} {detailsQuery.data.experience}
</div> </div>
<div className="flex items-center pt-2 text-sm text-slate-500"> <div className="flex items-center pt-2 text-sm text-slate-600">
<CalendarIcon <CalendarIcon
aria-hidden="true" aria-hidden="true"
className="mr-1.5 h-5 w-5 flex-shrink-0 text-slate-400" className="mr-1.5 h-5 w-5 flex-shrink-0 text-indigo-400"
/> />
{`Uploaded ${formatDistanceToNow(detailsQuery.data.createdAt, { {`Uploaded ${formatDistanceToNow(detailsQuery.data.createdAt, {
addSuffix: true, addSuffix: true,
@ -195,10 +195,10 @@ export default function ResumeReviewPage() {
</div> </div>
</div> </div>
{detailsQuery.data.additionalInfo && ( {detailsQuery.data.additionalInfo && (
<div className="flex items-start whitespace-pre-wrap pt-2 text-sm text-slate-500"> <div className="flex items-start whitespace-pre-wrap pt-2 text-sm text-slate-600">
<InformationCircleIcon <InformationCircleIcon
aria-hidden="true" aria-hidden="true"
className="mr-1.5 h-5 w-5 flex-shrink-0 text-slate-400" className="mr-1.5 h-5 w-5 flex-shrink-0 text-indigo-400"
/> />
<ResumeExpandableText <ResumeExpandableText
key={detailsQuery.data.additionalInfo} key={detailsQuery.data.additionalInfo}
@ -206,8 +206,8 @@ export default function ResumeReviewPage() {
/> />
</div> </div>
)} )}
<div className="flex w-full flex-col gap-6 py-4 lg:flex-row"> <div className="flex w-full flex-col gap-6 py-4 xl:flex-row">
<div className="w-full lg:w-[780px]"> <div className="w-full xl:w-[780px]">
<ResumePdf url={detailsQuery.data.url} /> <ResumePdf url={detailsQuery.data.url} />
</div> </div>
<div className="grow"> <div className="grow">

Write Preview
Loading…
Cancel
Save