[offers][misc] make table rows shorter

pull/547/head
Yangshun Tay 2 years ago
parent 59994f0e45
commit 7535ce1df7

@ -34,28 +34,28 @@ export default function OfferTableRow({
}: OfferTableRowProps) { }: OfferTableRowProps) {
return ( return (
<tr key={id} className="divide-x divide-slate-200 border-b bg-white"> <tr key={id} className="divide-x divide-slate-200 border-b bg-white">
<td className="space-y-0.5 py-4 px-4" scope="row"> <td className="space-y-0.5 py-2 px-4" scope="row">
<div className="font-medium">{company.name}</div> <div className="font-medium">{company.name}</div>
<div className="text-xs text-slate-500"> <div className="text-xs text-slate-500">
{location.cityName} ({location.countryCode}) {location.cityName} ({location.countryCode})
</div> </div>
</td> </td>
<td className="py-4 px-4"> <td className="py-2 px-4">
{getLabelForJobTitleType(title as JobTitleType)} {getLabelForJobTitleType(title as JobTitleType)}
</td> </td>
<td className="py-4 px-4">{totalYoe}</td> <td className="py-2 px-4">{totalYoe}</td>
<td className="py-4 px-4">{convertMoneyToString(income)}</td> <td className="py-2 px-4">{convertMoneyToString(income)}</td>
{jobType === JobType.FULLTIME && ( {jobType === JobType.FULLTIME && (
<td className="py-4 px-4"> <td className="py-2 px-4">
{`${convertMoneyToString(baseSalary)} / ${convertMoneyToString( {`${convertMoneyToString(baseSalary)} / ${convertMoneyToString(
bonus, bonus,
)} / ${convertMoneyToString(stocks)}`} )} / ${convertMoneyToString(stocks)}`}
</td> </td>
)} )}
<td className="py-4 px-4">{formatDate(monthYearReceived)}</td> <td className="py-2 px-4">{formatDate(monthYearReceived)}</td>
<td <td
className={clsx( className={clsx(
'sticky right-0 bg-white px-4 py-4 drop-shadow lg:drop-shadow-none', 'sticky right-0 bg-white px-4 py-2 drop-shadow lg:drop-shadow-none',
)}> )}>
<Link <Link
className="text-primary-600 dark:text-primary-500 font-medium hover:underline" className="text-primary-600 dark:text-primary-500 font-medium hover:underline"

Loading…
Cancel
Save