update src/components/NumOfGuestsEmployees/index.js

master
Your Name 2 years ago
parent efe47894cd
commit ee043fea31
  1. 11
      src/components/NumOfGuestsEmployees/index.js

@ -2,13 +2,16 @@ import React from 'react'
const NumOfGuestsEmployees = ({items}) => {
return (
<div className="flex flex-row flex-wrap items-center justify-center bg-white shadow-sm rounded-lg max-w-[440px] w-1/3 p-5 mt-10 mr-10">
<div className="flex flex-row flex-wrap items-center justify-center bg-white shadow-sm rounded-lg max-w-[280px] w-1/3 mt-10 mr-10 py-2">
{items.map((item,i) => (
<div key={i} className="flex flex-row justify-around bg-red-200">
<div className="font-bold text-xs bg-blue-200 flex flex-col items-center">
<div className="flex flex-row">
<div className="font-bold text-xs flex flex-col items-center">
<p className="text-[#0F0543]">{item.name}</p>
<span className="text-[#2483E1]">{item.number} نفر</span>
<span className="text-[#2483E1] mt-2">{item.number} نفر</span>
</div>
{Number(i) !== items.length -1 && (
<div className="w-0.5 bg-[#9DACD344] mx-3" style={{height: "44px"}}></div>
)}
</div>
))}
</div>

Loading…
Cancel
Save