|
|
@ -2,7 +2,7 @@ import React from "react"; |
|
|
|
|
|
|
|
|
|
|
|
const DistributedData = ({ items }) => { |
|
|
|
const DistributedData = ({ items }) => { |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<div className="mt-20 flex flex-col items-center gap-y-4 max-w-[500px] mx-auto bg-white shadow-sm rounded-lg pt-3"> |
|
|
|
<div className="mt-20 flex flex-col items-center gap-y-4 max-w-[400px] mx-auto bg-white shadow-sm rounded-lg pt-3"> |
|
|
|
{items.map((row, index) => ( |
|
|
|
{items.map((row, index) => ( |
|
|
|
<div |
|
|
|
<div |
|
|
|
className={`flex flex-row items-center justify-around w-full border-[#9DACD344] pb-3 ${ |
|
|
|
className={`flex flex-row items-center justify-around w-full border-[#9DACD344] pb-3 ${ |
|
|
|