Fayorg
/
calendrier-avent
mirror of https://github.com/Fayorg/calendrier-avant.git
1
0
Fork 0
Code Activity

fix to style on chart.tsx

This commit is contained in:
timhaller 2023-12-15 14:51:28 +01:00
parent 5f049aad5b
commit 47e1204be7
1 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
components/custom/chart.tsx
View File

@ -11,19 +11,21 @@ interface ChartProps {
export function Chart({...props}: ChartProps) { export function Chart({...props}: ChartProps) {
return ( return (
<div className={"text-[#F0F0F0]"}> <div className={"text-[#F0F0F0] flex-1 flex items-end"}>
<div className={"flex flex-row justify-between w-full items-end"}> <div className={"w-full"}>
{props.data.map((item, index) => ( <div className={"flex flex-row justify-between w-full items-end"}>
<Santa height={item.total} key={index}/> {props.data.map((item, index) => (
))} <Santa height={item.total} key={index}/>
</div> ))}
<div className={"flex flex-row justify-between w-full items-end mt-2"}> </div>
{props.data.map((item, index) => ( <div className={"flex flex-row justify-between w-full items-end mt-2"}>
<div className={"w-[100px] h-fit flex flex-col items-center"} key={index}> {props.data.map((item, index) => (
<div className={"h-[14px] w-[3pt] bg-white"}/> <div className={"w-[100px] h-fit flex flex-col items-center"} key={index}>
<span className={""}>{item.name}</span> <div className={"h-[14px] w-[3pt] bg-white"}/>
</div> <span className={""}>{item.name}</span>
))} </div>
))}
</div>
</div> </div>
</div> </div>
) )