[#38] fix: fix image ratio

2022-2-Graduation-Project · Mar 19, 2023 · 939cb37 · 939cb37
1 parent 1ecd2db
commit 939cb37
Show file tree

Hide file tree

Showing 12 changed files with 25 additions and 26 deletions.
diff --git a/bowwowcare/build/asset-manifest.json b/bowwowcare/build/asset-manifest.json
@@ -1,7 +1,7 @@
 {
   "files": {
-    "main.css": "/static/css/main.ba6462b5.css",
-    "main.js": "/static/js/main.139eacb0.js",
+    "main.css": "/static/css/main.3102d4bf.css",
+    "main.js": "/static/js/main.d7b39060.js",
     "static/media/Tenada.ttf": "/static/media/Tenada.0cfe8963fde304575974.ttf",
     "static/media/aggression.png": "/static/media/aggression.67a930471b4b7a38c1d3.png",
     "static/media/angry.png": "/static/media/angry.67a930471b4b7a38c1d3.png",
@@ -12,11 +12,11 @@
     "service-worker.js": "/service-worker.js",
     "static/media/kakaotalk.png": "/static/media/kakaotalk.ec339df712f88bd4ba51.png",
     "index.html": "/index.html",
-    "main.ba6462b5.css.map": "/static/css/main.ba6462b5.css.map",
-    "main.139eacb0.js.map": "/static/js/main.139eacb0.js.map"
+    "main.3102d4bf.css.map": "/static/css/main.3102d4bf.css.map",
+    "main.d7b39060.js.map": "/static/js/main.d7b39060.js.map"
   },
   "entrypoints": [
-    "static/css/main.ba6462b5.css",
-    "static/js/main.139eacb0.js"
+    "static/css/main.3102d4bf.css",
+    "static/js/main.d7b39060.js"
   ]
 }
diff --git a/bowwowcare/build/index.html b/bowwowcare/build/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="멍멍케어 - 반려견 감정분석 서비스"/><link rel="manifest" href="/manifest.json"/><title>멍멍케어</title><script defer="defer" src="/static/js/main.139eacb0.js"></script><link href="/static/css/main.ba6462b5.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="멍멍케어 - 반려견 감정분석 서비스"/><link rel="manifest" href="/manifest.json"/><title>멍멍케어</title><script defer="defer" src="/static/js/main.d7b39060.js"></script><link href="/static/css/main.3102d4bf.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
diff --git a/bowwowcare/build/service-worker.js b/bowwowcare/build/service-worker.js
diff --git a/...owcare/build/static/css/main.ba6462b5.css → ...owcare/build/static/css/main.3102d4bf.css b/...owcare/build/static/css/main.ba6462b5.css → ...owcare/build/static/css/main.3102d4bf.css
diff --git a/...re/build/static/css/main.ba6462b5.css.map → ...re/build/static/css/main.3102d4bf.css.map b/...re/build/static/css/main.ba6462b5.css.map → ...re/build/static/css/main.3102d4bf.css.map
diff --git a/bowwowcare/build/static/js/main.139eacb0.js.map b/bowwowcare/build/static/js/main.139eacb0.js.map
diff --git a/bowwowcare/build/static/js/main.139eacb0.js → bowwowcare/build/static/js/main.d7b39060.js b/bowwowcare/build/static/js/main.139eacb0.js → bowwowcare/build/static/js/main.d7b39060.js
diff --git a/...ld/static/js/main.139eacb0.js.LICENSE.txt → ...ld/static/js/main.d7b39060.js.LICENSE.txt b/...ld/static/js/main.139eacb0.js.LICENSE.txt → ...ld/static/js/main.d7b39060.js.LICENSE.txt
diff --git a/bowwowcare/build/static/js/main.d7b39060.js.map b/bowwowcare/build/static/js/main.d7b39060.js.map
diff --git a/bowwowcare/src/views/HomePage/PetList/Sections/PetInfo.js b/bowwowcare/src/views/HomePage/PetList/Sections/PetInfo.js
@@ -17,11 +17,10 @@ function PetInfo(props) {
 
   const getPetDetail = () => {
     axios({
-      method: 'get',
-      url: `${API_URL}/pets/${props.pet.petId}`
-    })
-    .then(response => {
-      if (response.status===200) {
+      method: "get",
+      url: `${API_URL}/pets/${props.pet.petId}`,
+    }).then((response) => {
+      if (response.status === 200) {
         const pet = response.data;
         setPetName(pet.name);
         setPetImg(pet.petImg);
@@ -30,7 +29,7 @@ function PetInfo(props) {
         setAge(getAge(birthDate));
         setDay(getDurationDate(adoptionDate));
       }
-    })
+    });
   };
 
   return (
@@ -40,7 +39,7 @@ function PetInfo(props) {
           <img
             src={petImg}
             alt="프로필 이미지"
-            className="rounded-full w-14 h-14"
+            className="rounded-full w-14 h-14 object-cover"
           ></img>
         )}
       </div>

diff --git a/bowwowcare/src/views/PetInfoPage/PetInfoPage.js b/bowwowcare/src/views/PetInfoPage/PetInfoPage.js
@@ -66,8 +66,8 @@ function PetInfoPage() {
                   <img
                     src={fileImg}
                     alt="프로필 이미지"
-                    className="rounded-full w-14 h-14"
-                  ></img>
+                    className="rounded-full w-14 h-14 object-cover"
+                  />
                 )}
               </div>
             </div>

diff --git a/bowwowcare/src/views/ResultsPage/ResultsPage.js b/bowwowcare/src/views/ResultsPage/ResultsPage.js
@@ -105,9 +105,9 @@ function ResultsPage() {
       {file && emotion ? (
         <div className="h-5/6 flex flex-col justify-between">
           <div>
-            <div className="w-full h-[240px] overflow-hidden">
+            <div className="w-full h-[240px] overflow-hidden flex items-center justify-center">
               <img
-                className="rounded-md w-[full] h-[300px] mt-[-35px]"
+                className="rounded-md w-[full] sm:w-[480px] h-[300px] sm:h-[360px] mt-[-35px]"
                 src={URL.createObjectURL(file)}
                 width="100%"
                 alt="Uploaded File"
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="멍멍케어 - 반려견 감정분석 서비스"/><link rel="manifest" href="/manifest.json"/><title>멍멍케어</title><script defer="defer" src="/static/js/main.139eacb0.js"></script><link href="/static/css/main.ba6462b5.css" rel="stylesheet"></head><body><div id="root"></div></body></html>
		<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="멍멍케어 - 반려견 감정분석 서비스"/><link rel="manifest" href="/manifest.json"/><title>멍멍케어</title><script defer="defer" src="/static/js/main.d7b39060.js"></script><link href="/static/css/main.3102d4bf.css" rel="stylesheet"></head><body><div id="root"></div></body></html>