create component elements & add page clinics && add url clinic
This commit is contained in:
@@ -0,0 +1,26 @@
|
||||
function Pageguide({ list }) {
|
||||
return (
|
||||
<ul className='flex items-center justify-start gap-1'>
|
||||
{list.map((item, idx) => (
|
||||
<li
|
||||
key={idx}
|
||||
className="flex items-center justify-start gap-1"
|
||||
>
|
||||
<p
|
||||
className={`text-[16px] font-normal
|
||||
${list.length > idx + 1 ? 'text-[#9B9B9B]' : 'text-[#525252]'}
|
||||
`}
|
||||
>{item}</p>
|
||||
<span
|
||||
className={`
|
||||
text-[#9B9B9B] text-[16px] font-normal
|
||||
${list.length > idx + 1 ? 'flex' : 'hidden'}
|
||||
`}
|
||||
>{'>'}</span>
|
||||
</li>
|
||||
))}
|
||||
</ul>
|
||||
)
|
||||
}
|
||||
|
||||
export default Pageguide
|
||||
@@ -0,0 +1,13 @@
|
||||
function HeadPageList({ children, title, detail }) {
|
||||
return (
|
||||
<div className="bg-[#F6F7F9]">
|
||||
<div className="padding-responsive pt-[195px] pb-[85px] flex flex-col items-center gap-[25px]">
|
||||
<p className="text-[#3B3B3B] text-[24px] text-center font-bold">{title}</p>
|
||||
<p className="text-[#3B3B3B] text-[16px] text-center font-normal">{detail}</p>
|
||||
{children}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default HeadPageList
|
||||
Reference in New Issue
Block a user