update App.js, src/components/ContactUsInfoCard/index.js and src/components/RoomCardInfo/index.js

master
mahdi 2 years ago
parent 15b575b99f
commit e11e338bf0
  1. 4
      src/App.js
  2. 4
      src/components/ContactUsInfoCard/index.js
  3. 2
      src/components/RoomCardInfo/index.js

@ -257,9 +257,9 @@ function App() {
{/* <UserProfileInfo /> */} {/* <UserProfileInfo /> */}
<BoxNextToEachOther /> {/* <BoxNextToEachOther /> */}
<ContactUsInfoCard /> {/* <ContactUsInfoCard /> */}
<RoomCardInfo /> <RoomCardInfo />

@ -7,11 +7,11 @@ import phone from "./images/phone.svg";
const ContactUsInfoCard = ({ items }) => { const ContactUsInfoCard = ({ items }) => {
return ( return (
<div className="max-w-[650px] flex flex-col rounded-md border bg-white border-gray-200 p-4 mx-auto mt-10"> <div className="w-fit flex flex-col rounded-md border bg-white border-gray-200 p-4 mx-auto mt-10">
{/* logo && map */} {/* logo && map */}
<div className="flex flex-row items-center justify-between "> <div className="flex flex-row items-center justify-between ">
<img src={map} alt="map" className="flex-1" /> <img src={map} alt="map" className="flex-1" />
<img src={logoRectangle} alt="map" className="w-[]" /> <img src={logoRectangle} alt="map" className="mr-2" />
</div> </div>
{/* contact info */} {/* contact info */}
{items.map((item, index) => ( {items.map((item, index) => (

@ -6,7 +6,7 @@ import flower2 from "./images/flower2.svg";
const RoomCardInfo = ({ items }) => { const RoomCardInfo = ({ items }) => {
return ( return (
<div className="relative max-w-[500px] flex flex-row items-center justify-between rounded-md border bg-white border-gray-200 py-4 px-6 mx-auto mt-10"> <div className="w-fit p-5 relative flex flex-row items-center justify-between rounded-md border bg-white border-gray-200">
<img <img
src={flower2} src={flower2}
alt="flower" alt="flower"

Loading…
Cancel
Save