|
|
@ -26,7 +26,7 @@ const ProcessCard = ({ processes, title, hint, items, options }) => { |
|
|
|
))} |
|
|
|
))} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{/* middle */} |
|
|
|
{/* middle */} |
|
|
|
<div className="flex flex-col p-4 my-5"> |
|
|
|
<div className="flex flex-col p-4 my-5 mr-5"> |
|
|
|
<h2 className="text-lg text-blue-800 font-sansbold">{title}</h2> |
|
|
|
<h2 className="text-lg text-blue-800 font-sansbold">{title}</h2> |
|
|
|
<p className="text-sm text-justify leading-6 mt-3">{hint}</p> |
|
|
|
<p className="text-sm text-justify leading-6 mt-3">{hint}</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -56,7 +56,7 @@ const ProcessCard = ({ processes, title, hint, items, options }) => { |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{/* left */} |
|
|
|
{/* left */} |
|
|
|
<div className="flex flex-col justify-center p-2 border-r border-gray-400 gap-y-4"> |
|
|
|
<div className="flex flex-col justify-center p-2 border-r border-gray-400 gap-y-4"> |
|
|
|
{options.map((option, j) => ( |
|
|
|
{options.map((option, j) => ( |
|
|
|
<div key={j} className="flex flex-row items-center justify-between"> |
|
|
|
<div key={j} className="flex flex-row items-center justify-between"> |
|
|
|
<div className="flex flex-row items-center"> |
|
|
|
<div className="flex flex-row items-center"> |
|
|
|