Merge pull request #358 from sharemindteam/hotfix/minder_layout

[Hotfix] 홈화면 들준마 레이아웃 모바일 깨짐 수정
sharemindteam · Jul 20, 2024 · 67ec79e · 67ec79e
2 parents 62774a6 + 65e347e
commit 67ec79e
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 13 deletions.
diff --git a/src/components/Buyer/BuyerHome/HomeConsultInReady.tsx b/src/components/Buyer/BuyerHome/HomeConsultInReady.tsx
@@ -11,18 +11,26 @@ import { Space } from 'components/Common/Space';
 import { getCurrentHour } from 'utils/getCurrentHour';
 import { Flex } from 'components/Common/Flex';
 import CounselorCard from 'components/Common/CounselorCard';
-///
-///
-///
+
+//
+//
+//
+
 interface HomeConsultInReadyProps {
   searchData: SearchResultData[];
 }
-///
-///
-///
+
+//
+//
+//
+
 export const HomeConsultInReady = ({ searchData }: HomeConsultInReadyProps) => {
   const navigate = useNavigate();
 
+  //
+  //
+  //
+
   return (
     <Wrapper>
       <div
@@ -95,6 +103,7 @@ const Wrapper = styled.section`
     cursor: pointer;
   }
 `;
+
 const NavConsult = styled.div`
   width: 100%;
   span#current-time {
@@ -106,6 +115,7 @@ const NavConsult = styled.div`
     align-items: center;
   }
 `;
+
 const MoreIcon = styled(More)`
   margin-left: auto;
 `;
diff --git a/src/components/Common/CounselorCard.tsx b/src/components/Common/CounselorCard.tsx
@@ -158,15 +158,17 @@ const CounselorCard = ({
     return (
       <Flex direction="column" align="flex-start">
         {isRealtime ? (
-          <TimeWrapper>
-            <Caption2
-              color={White}
-            >{`${hours}시 기준 실시간 상담 가능`}</Caption2>
-          </TimeWrapper>
+          <Flex justify="flex-start" width="100%">
+            <TimeWrapper>
+              <Caption2
+                color={White}
+              >{`${hours}시 기준 실시간 상담 가능`}</Caption2>
+            </TimeWrapper>
+          </Flex>
         ) : null}
         <InfoWrapper isRealtime={isRealtime}>
           <Flex direction="column" gap="1rem" align="flex-start">
-            <Flex gap="1rem">
+            <Flex gap="1rem" width="100%" justify="flex-start">
               <ImgWrapper>
                 <Characters number={consultStyle} />
               </ImgWrapper>
@@ -192,7 +194,7 @@ const CounselorCard = ({
                 </Flex>
               </Flex>
             </Flex>
-            <Flex gap="0.8rem">
+            <Flex gap="0.8rem" width="100%" justify="flex-start">
               {tagList.map((value: any) => {
                 return (
                   <TagA2Cartegory key={value} tagType={value} bgColorType={3} />
@@ -298,6 +300,7 @@ const BookMarkIcon = styled(BookMark)`
   padding-left: 0.8rem;
   cursor: pointer;
 `;
+
 const NoneBookMarkIcon = styled(NoneBookMark)`
   padding-left: 0.8rem;
   cursor: pointer;

diff --git a/src/pages/Buyer/BuyerHome.tsx b/src/pages/Buyer/BuyerHome.tsx
@@ -9,12 +9,18 @@ import HomeAboutFooterSection from 'components/Common/HomeAboutFooterSection';
 import { SearchResultData } from 'utils/type';
 import { useEffect, useState } from 'react';
 import { patchCounselorsAll } from 'api/patch';
+
 //
 //
 //
+
 export const BuyerHome = () => {
   const navigate = useNavigate();
   const [searchData, setSearchData] = useState<SearchResultData[]>([]);
+
+  //
+  //
+  //
   useEffect(() => {
     const fectchSearchResults = async () => {
       try {
@@ -34,6 +40,11 @@ export const BuyerHome = () => {
     };
     fectchSearchResults();
   }, [navigate]);
+
+  //
+  //
+  //
+
   return (
     <Wrapper>
       <Header