Update contacts page route images

oddestdan · Feb 3, 2024 · 20b1f7c · 20b1f7c
1 parent 4ff8475
commit 20b1f7c
Show file tree

Hide file tree

Showing 5 changed files with 4 additions and 4 deletions.
diff --git a/app/routes/contacts/index.tsx b/app/routes/contacts/index.tsx
@@ -6,8 +6,8 @@ import { useEffect, useMemo, useState } from "react";
 import { CONTACTS_CURRENT_TAB_QS } from "~/utils/constants";
 import ReactTooltip from "react-tooltip";
 
-import imageSrcRouteFoot from "../../../public/images/route-foot.png";
-import imageSrcRouteCar from "../../../public/images/route-car.png";
+import imageSrcRouteFoot from "../../../public/images/route-foot.jpg";
+import imageSrcRouteCar from "../../../public/images/route-car.jpg";
 
 const byFootText = `
       <br />Прохідна через "Silver Centre"
@@ -21,7 +21,7 @@ const renderByFootTab = () => (
   <div className="flex flex-col pt-2 pb-4 xl:flex-row-reverse">
     <p className="mb-4 w-full flex-1 xl:w-3/5 xl:pl-2">
       <img
-        className="aspect-[3/2] w-full bg-stone-100"
+        className="aspect-[3/2] w-full bg-stone-100 object-cover xl:aspect-[2/2]"
         src={imageSrcRouteFoot}
         alt="Route by foot"
       />
@@ -52,7 +52,7 @@ const renderByCarTab = () => (
   <div className="flex flex-col pt-2 pb-4 xl:flex-row-reverse">
     <p className="mb-4 w-full flex-1 xl:w-3/5 xl:pl-2">
       <img
-        className="aspect-[3/2] w-full bg-stone-100"
+        className="aspect-[3/2] w-full bg-stone-100 object-cover xl:aspect-[2/2]"
         src={imageSrcRouteCar}
         alt="Route by car"
       />

diff --git a/public/images/route-car.jpg b/public/images/route-car.jpg
diff --git a/public/images/route-car.png b/public/images/route-car.png
diff --git a/public/images/route-foot.jpg b/public/images/route-foot.jpg
diff --git a/public/images/route-foot.png b/public/images/route-foot.png