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 /> */}
<BoxNextToEachOther />
{/* <BoxNextToEachOther /> */}
<ContactUsInfoCard />
{/* <ContactUsInfoCard /> */}
<RoomCardInfo />

@ -7,11 +7,11 @@ import phone from "./images/phone.svg";
const ContactUsInfoCard = ({ items }) => {
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 */}
<div className="flex flex-row items-center justify-between ">
<img src={map} alt="map" className="flex-1" />
<img src={logoRectangle} alt="map" className="w-[]" />
<img src={logoRectangle} alt="map" className="mr-2" />
</div>
{/* contact info */}
{items.map((item, index) => (

@ -6,7 +6,7 @@ import flower2 from "./images/flower2.svg";
const RoomCardInfo = ({ items }) => {
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
src={flower2}
alt="flower"

Loading…
Cancel
Save