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

[offers][style] fix offer card style (#469)

Browse Source 
* [offers][style] fix offer card style

* [offers][style] fix OEA offer card style
This commit is contained in:
Zhang Ziqing
2022-10-31 11:12:57 +08:00
committed by GitHub
parent 8fdea6b5bc
commit 85fd874769
2 changed files with 21 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/portal/src/components/offers/offerAnalysis/OfferProfileCard.tsx
View File

@ -70,7 +70,7 @@ export default function OfferProfileCard({
<p> <p>
Company: {company.name}, {location} Company: {company.name}, {location}
</p> </p>
<p>Level: {level}</p> {level && <p>Level: {level}</p>}
</div> </div>
<div className="col-span-1 row-span-3"> <div className="col-span-1 row-span-3">
<p className="text-end">{formatDate(monthYearReceived)}</p> <p className="text-end">{formatDate(monthYearReceived)}</p>

30
apps/portal/src/components/offers/profile/OfferCard.tsx
View File

@ -36,12 +36,14 @@ export default function OfferCard({
<div className="flex justify-between px-8"> <div className="flex justify-between px-8">
<div className="flex flex-col"> <div className="flex flex-col">
<div className="flex flex-row"> <div className="flex flex-row">
<BuildingOffice2Icon className="mr-1 h-5" /> <span>
<BuildingOffice2Icon className="mr-3 h-5" />
</span>
<span className="font-bold"> <span className="font-bold">
{location ? `${companyName}, ${location}` : companyName} {location ? `${companyName}, ${location}` : companyName}
</span> </span>
</div> </div>
<div className="ml-6 flex flex-row"> <div className="ml-8 flex flex-row">
<p> <p>
{jobLevel ? `${jobTitle}, ${jobLevel}` : jobTitle}{' '} {jobLevel ? `${jobTitle}, ${jobLevel}` : jobTitle}{' '}
{jobType && `(${JobTypeLabel[jobType]})`} {jobType && `(${JobTypeLabel[jobType]})`}
@ -79,15 +81,19 @@ export default function OfferCard({
<div className="flex flex-col py-2"> <div className="flex flex-col py-2">
{(totalCompensation || monthlySalary) && ( {(totalCompensation || monthlySalary) && (
<div className="flex flex-row"> <div className="flex flex-row">
<CurrencyDollarIcon className="mr-1 h-5" /> <span>
<p> <CurrencyDollarIcon className="mr-3 h-5" />
{totalCompensation && `TC: ${totalCompensation}`} </span>
{monthlySalary && `Monthly Salary: ${monthlySalary}`} <span>
</p> <p>
{totalCompensation && `TC: ${totalCompensation}`}
{monthlySalary && `Monthly Salary: ${monthlySalary}`}
</p>
</span>
</div> </div>
)} )}
{totalCompensation && ( {totalCompensation && (
<div className="ml-6 flex flex-row font-light"> <div className="ml-8 flex flex-row font-light">
<p> <p>
Base / year: {base} ⋅ Stocks / year: {stocks} ⋅ Bonus / year:{' '} Base / year: {base} ⋅ Stocks / year: {stocks} ⋅ Bonus / year:{' '}
{bonus} {bonus}
@ -98,7 +104,9 @@ export default function OfferCard({
{negotiationStrategy && ( {negotiationStrategy && (
<div className="flex flex-col py-2"> <div className="flex flex-col py-2">
<div className="flex flex-row"> <div className="flex flex-row">
<ScaleIcon className="h-5 w-5" /> <span>
<ScaleIcon className="h-5 w-5" />
</span>
<span className="overflow-wrap ml-2"> <span className="overflow-wrap ml-2">
"{negotiationStrategy}" "{negotiationStrategy}"
</span> </span>
@ -108,7 +116,9 @@ export default function OfferCard({
{otherComment && ( {otherComment && (
<div className="flex flex-col py-2"> <div className="flex flex-col py-2">
<div className="flex flex-row"> <div className="flex flex-row">
<ChatBubbleBottomCenterTextIcon className="h-5 w-5" /> <span>
<ChatBubbleBottomCenterTextIcon className="h-5 w-5" />
</span>
<span className="overflow-wrap ml-2">"{otherComment}"</span> <span className="overflow-wrap ml-2">"{otherComment}"</span>
</div> </div>
</div> </div>