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>
<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 className="text-[--current]">Current Contract</td>
</tr>

4
src/components/job.tsx
View File

@ -44,6 +44,8 @@ export const Job = (props: JobProps): JSX.Element => {
: end
? "border-[--former]"
: "border-[--current]";
const borderStyle = end ? "border-dashed border-2" : "border-double border-4";
return (
<li className={`mb-10 ms-6 ${color}`}>
<span
@ -75,7 +77,7 @@ export const Job = (props: JobProps): JSX.Element => {
)}
<button
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"}
</button>