nathan/by-other-means
1
0
Fork 0
Code Actions Packages Activity

Make current phase more obvious

Browse Source
This commit is contained in:
Nathan Stanley
2026-07-29 04:19:31 -04:00
parent aecb3679fd
commit 90126d1aaa
1 changed files with 16 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Phase.tsx
+16 -3
View File
@@ -37,9 +37,22 @@ const Phase: FC<PropType> = ({ phase, current }) => {
{thisSelected && <div className="text-md px-8">{phase.description}</div>}
{current && (
<>
<div className="rotate-45 bg-white h-16 w-16 absolute -top-10 -left-12"></div>
<div className="-rotate-45 bg-white h-16 w-16 absolute -bottom-10 -left-12"></div>
<div className="bg-white w-16 absolute bottom-0 top-0 -left-14"></div>
{/* TL Corner */}
<div className="rotate-45 bg-white h-16 w-16 absolute -top-12 -left-12"></div>
{/* T Side */}
<div className="bg-white h-1 absolute top-0 left-0 right-0"></div>
{/* TR Corner */}
<div className="rotate-45 bg-white h-16 w-16 absolute -top-12 -right-12"></div>
{/* R Side */}
<div className="bg-white w-1 absolute bottom-0 top-0 right-0"></div>
{/* BR Corner */}
<div className="-rotate-45 bg-white h-16 w-16 absolute -bottom-12 -right-12"></div>
{/* B Side */}
<div className="bg-white h-1 absolute bottom-0 left-0 right-0"></div>
{/* BL Corner */}
<div className="-rotate-45 bg-white h-16 w-16 absolute -bottom-12 -left-12"></div>
{/* L Side */}
<div className="bg-white w-1 absolute bottom-0 top-0 left-0"></div>
</>
)}
</button>