update 5 files

master
mahdi 2 years ago
parent 2810397daa
commit 8692e32bb4
  1. 2
      src/App.js
  2. 4
      src/components/ContactUsInfoCard/index.js
  3. 21
      src/components/RoomCardInfo/index.js

@ -149,7 +149,7 @@ function App() {
{/* <CardDesign1 /> */} {/* <CardDesign1 /> */}
{/* <CardDesign2 /> */} {/* <CardDesign2 /> */}
{/* <CardDesign3 /> */} {/* <CardDesign3 /> */}
{/* <ContactUsInfoCard /> */} <ContactUsInfoCard />
<RoomCardInfo /> <RoomCardInfo />
{/* <LeafletMap /> */} {/* <LeafletMap /> */}

@ -18,12 +18,12 @@ const ContactUsInfoCard = ({ items }) => {
<div className="flex flex-row items-center mt-2" key={index}> <div className="flex flex-row items-center mt-2" key={index}>
{item.icon && <img className="w-5" src={item.icon} alt={item.icon} />} {item.icon && <img className="w-5" src={item.icon} alt={item.icon} />}
<p <p
className={`text-[#2383E1] text-sm ${ className={`text-[#2383E1] text-sm ${
item.icon === null ? "mr-8" : "mr-2" item.icon === null ? "mr-8" : "mr-2"
}`} }`}
> >
{item.title} {item.title}
<span className="text-[#0F0543] mr-1 text-sm not-italic text-justify leading-6"> <span className="text-[#0F0543] mr-1 text-sm text-justify leading-6">
{item.content} {item.content}
</span> </span>
</p> </p>

@ -7,8 +7,25 @@ const RoomCardInfo = ({ items }) => {
return ( return (
<div className="max-w-[555px] flex flex-row items-center justify-between rounded-md border bg-white border-gray-200 p-4 mx-auto mt-10"> <div className="max-w-[555px] flex flex-row items-center justify-between rounded-md border bg-white border-gray-200 p-4 mx-auto mt-10">
{items.map((item, index) => ( {items.map((item, index) => (
<div key={index}> <div key={index} className="space-y-1">
<p>{item.name}</p> <p
className="text-base text-[#0F0543]"
style={{ fontFamily: "iransansBold" }}
>
{item.name}
</p>
<p className="text-xs text-[#0F0543]">
تاریخ ورود:
<span className="mr-1">{item.enterData}</span>
</p>
<p className="text-xs text-[#0F0543]">
تاریخ انقضا اقامت:
<span className="mr-1">{item.expireData}</span>
</p>
<p className="text-xs text-[#0F0543]">
شماره محل اقامت:
<span className="mr-1">{item.roomNumber}</span>
</p>
</div> </div>
))} ))}
<img src={qrCode} alt="qr-code" /> <img src={qrCode} alt="qr-code" />

Loading…
Cancel
Save