Merge pull request #199 from Step3-kakao-tech-campus/feat/#171

동물 상세보기 페이지 이름, 연락처 정렬
Step3-kakao-tech-campus · Nov 11, 2023 · 1a3133e · 1a3133e
2 parents 3ee5b2a + e0999d2
commit 1a3133e
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 6 deletions.
diff --git a/src/pages/detailPet/components/VDetailPetInfo.tsx b/src/pages/detailPet/components/VDetailPetInfo.tsx
@@ -4,9 +4,17 @@ import { DetailPetInfoProps } from '../detailPetType';
 const VDetailPetInfo = (data: DetailPetInfoProps) => {
   return (
     <div className="flex flex-col items-center">
-      <h2 className="text-3xl w-full mb-10">{data.name}</h2>
       <div className="flex flex-col items-center text-sm md:text-base">
-        <div className="flex h-14 justify-around">
+        <div className="flex py-7 justify-around">
+          <div className="flex">
+            <h2 className="text-3xl w-36 mb-10">{data.name}</h2>
+          </div>
+          <div className="flex">
+            <span className="w-20 block font-bold"></span>
+            <span className="w-36 block"></span>
+          </div>
+        </div>
+        <div className="flex py-7 justify-around">
           <div className="flex">
             <span className="w-16 block font-bold">나이</span>
             <span className="w-20 block">{data.age}</span>
@@ -41,7 +49,7 @@ const VDetailPetInfo = (data: DetailPetInfoProps) => {
           </div>
         </div>
 
-        <div className="flex h-14 justify-around">
+        <div className="flex py-7 justify-around">
           <div className="flex">
             <span className="w-16 block font-bold">백신접종</span>
             <span className="w-20 block">{data.vaccinationStatus}</span>
@@ -52,7 +60,7 @@ const VDetailPetInfo = (data: DetailPetInfoProps) => {
           </div>
         </div>
 
-        <div className="flex h-14 justify-around">
+        <div className="flex py-7 justify-around">
           <div className="flex">
             <span className="w-16 block font-bold">입양 여부</span>
             <span className="w-20 block">{data.adoptionStatus}</span>
@@ -63,11 +71,15 @@ const VDetailPetInfo = (data: DetailPetInfoProps) => {
           </div>
         </div>
 
-        <div className="hidden md:flex w-full h-10 mb-10">
+        <div className="hidden py-7 md:flex justify-around">
           <div className="flex">
             <span className="w-16 block font-bold">연락처</span>
             <span className="w-36 block">{data.shelterInfo.contact}</span>
           </div>
+          <div className="flex">
+            <span className="w-20 block font-bold"></span>
+            <span className="w-20 block"></span>
+          </div>
         </div>
 
         <a href={`tel:${data.shelterInfo.contact}`}>

diff --git a/src/pages/home/components/HomeVideo.tsx b/src/pages/home/components/HomeVideo.tsx
@@ -98,7 +98,7 @@ const HomeVideo = (props: HomeVideoProps) => {
         onMouseEnter={handleMouseEnter}
       >
         <VideoOverlay {...videoOverlayProps} />
-        {loading && index !== 0 && playing && (
+        {loading && playing && (
           <div className="w-10 h-10 loader top-1/2 absolute" />
         )}
         <video