nhcarrigan/portfolio
2
0
Fork 0
generated from nhcarrigan/template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: border styling on buttons

Browse Source
This commit is contained in:
Naomi Carrigan 2024-09-25 16:04:46 -07:00
parent 7bd505d02f
commit ac6c24eff2
Signed by: naomi
SSH Key Fingerprint: SHA256:rca1iUI2OhAM6n4FIUaFcZcicmri0jgocqKiTTAfrt8
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/work/page.tsx
View File

@ -51,7 +51,7 @@ const Work = (): JSX.Element => {
</tr> </tr>
<tr> <tr>
<td> <td>
<p className="h-14 w-14 border-[--current] border-solid border-2"></p> <p className="h-14 w-14 border-[--current] border-double border-4"></p>
</td> </td>
<td className="text-[--current]">Current Contract</td> <td className="text-[--current]">Current Contract</td>
</tr> </tr>

4
src/components/job.tsx
View File

@ -44,6 +44,8 @@ export const Job = (props: JobProps): JSX.Element => {
: end : end
? "border-[--former]" ? "border-[--former]"
: "border-[--current]"; : "border-[--current]";
const borderStyle = end ? "border-dashed border-2" : "border-double border-4";
return ( return (
<li className={`mb-10 ms-6 ${color}`}> <li className={`mb-10 ms-6 ${color}`}>
<span <span
@ -75,7 +77,7 @@ export const Job = (props: JobProps): JSX.Element => {
)} )}
<button <button
onClick={toggleDescription} onClick={toggleDescription}
className={`inline-flex items-center px-4 py-2 text-sm font-medium border-double border-4 ${border}`} className={`inline-flex items-center px-4 py-2 text-sm font-medium ${borderStyle} ${border}`}
> >
{showDescription ? "Hide Details" : "Show Details"} {showDescription ? "Hide Details" : "Show Details"}
</button> </button>