update src/components/ContactUsInfoCard/index.js, src/components/LeafletMap/index.scss and src/index.scss

src/components/ContactUsInfoCard/index.js

@@ -10,15 +10,15 @@ const ContactUsInfoCard = ({ items }) => {
     <div className="max-w-[650px] 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" />
-        <img src={logoRectangle} alt="map" />
+        <img src={map} alt="map" className="flex-1" />
+        <img src={logoRectangle} alt="map" className="w-[]" />
       </div>
       {/* contact info */}‍
       {items.map((item, index) => (
         <div className="flex flex-row items-center mt-2" key={index}>
           {item.icon && <img className="w-5" src={item.icon} alt={item.icon} />}
           <p
-            className={`text-[#2383E1] text-sm ${
+            className={`text-[#2383E1] text-sm font-iransansBold ${
               item.icon === null ? "mr-8" : "mr-2"
             }`}
           >

src/components/LeafletMap/index.scss

@@ -1,16 +1,3 @@
-.leaflet-popup-content,
-.leaflet-draw-toolbar a,
-span,
-title,
-p,
-li {
-  font-family: "iransans-medium" !important;
-}
-
-.leaflet-touch .leaflet-draw-actions a {
-  font-family: "iransans-medium" !important;
-}
-
 .leaflet-container {
   width: 100%;
   height: 100vh;

src/index.scss

@@ -11,7 +11,6 @@
   font-family: "iransansBold";
   src: url(./assets/fonts/IRANSansX-Bold.woff);
 }
-
 @import "./components/productDesign/ProductDesign.scss";
 
 body {
@@ -28,3 +27,20 @@ body {
   padding-right: 4px;
   border-radius: 50%;
 }
+
+.leaflet-popup-content,
+.leaflet-draw-toolbar a,
+.leaflet-popup-content,
+.leaflet-draw-toolbar span,
+.leaflet-popup-content,
+.leaflet-draw-toolbar title,
+.leaflet-popup-content,
+.leaflet-draw-toolbar p,
+l.leaflet-popup-content,
+.leaflet-draw-toolbar i {
+  font-family: "iransans-medium" !important;
+}
+
+.leaflet-touch .leaflet-draw-actions a {
+  font-family: "iransans-medium" !important;
+}