From a2594915b50eb0488f1fca5ae9e7c2da584c3e7b Mon Sep 17 00:00:00 2001 From: Moon Dahyun Date: Sun, 6 Apr 2025 17:50:01 +0900 Subject: [PATCH 01/12] =?UTF-8?q?fix/#553=20:=20=EB=AA=A8=EC=9E=84?= =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20?= =?UTF-8?q?=EB=86=92=EC=9D=B4=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/groupFeed/GroupFeed.tsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/pages/groupFeed/GroupFeed.tsx b/src/pages/groupFeed/GroupFeed.tsx index c008dc51..c5a73e7a 100644 --- a/src/pages/groupFeed/GroupFeed.tsx +++ b/src/pages/groupFeed/GroupFeed.tsx @@ -156,9 +156,10 @@ const GroupFeedWrapper = styled.div` background-color: ${({ theme }) => theme.colors.backGroundGray}; `; +//디자인 확정나면 const GroupFeedThumnail = styled.div<{ imageUrl: string | undefined }>` width: 100%; - height: 37rem; + height: 45rem; margin-top: 6.4rem; object-fit: cover; @@ -167,7 +168,7 @@ const GroupFeedThumnail = styled.div<{ imageUrl: string | undefined }>` @media ${MOBILE_MEDIA_QUERY} { width: 100%; - height: 18rem; + height: 28rem; margin-top: 5.5rem; } `; From 05bd4ff66b717323000de10a2cf277dfefd58a19 Mon Sep 17 00:00:00 2001 From: Moon Dahyun Date: Sun, 6 Apr 2025 18:10:57 +0900 Subject: [PATCH 02/12] =?UTF-8?q?fix/#553:=20=EA=B8=80=20=EC=83=9D?= =?UTF-8?q?=EC=84=B1=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=E2=86=92=20=EC=9D=B4?= =?UTF-8?q?=EB=AF=B8=EC=A7=80=20=EC=97=85=EB=A1=9C=EB=93=9C=20=EC=82=AC?= =?UTF-8?q?=EC=9D=B4=EC=A6=88=20=EC=88=98=EC=A0=95=20+=20=EC=82=AC?= =?UTF-8?q?=EC=9D=B4=EC=A6=88=20=EC=95=88=EB=82=B4=20=EB=A9=98=ED=8A=B8=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/CreateGroupInfo.tsx | 19 +++++++++++++++---- 1 file changed, 15 insertions(+), 4 deletions(-) diff --git a/src/pages/createGroup/components/CreateGroupInfo.tsx b/src/pages/createGroup/components/CreateGroupInfo.tsx index 6e7cf5a1..b734f0fd 100644 --- a/src/pages/createGroup/components/CreateGroupInfo.tsx +++ b/src/pages/createGroup/components/CreateGroupInfo.tsx @@ -30,6 +30,7 @@ import { CurrentPageType } from '../types/stateType'; import CreateGroupTopicModal from './CreateGroupTopicModal'; import createGroupIlust from '/src/assets/images/createGroupIlust.png'; import createGroupWebp from '/src/assets/webps/creategroup.webp'; +import Responsive from '../../../components/commons/Responsive/Responsive'; type Setter = (value: T) => void; interface CreateGroupInfoPropTypes { @@ -288,9 +289,15 @@ const CreateGroupInfo = ({ )} - - *글모임 페이지 상단에 노출될 대표 이미지입니다. 1366*306px사이즈를 권장합니다. - + + + * 글 모임 페이지 상단에 노출될 대표 이미지입니다. 1440*480(3:1) 사이즈를 권장합니다. + + + + * 글 모임 페이지 상단에 노출될 대표 이미지입니다. + 1440*480(3:1) 사이즈를 권장합니다. + @@ -710,12 +717,16 @@ const GroupImageWrapper = styled.div` align-items: center; justify-content: center; width: 100%; - height: 20rem; + height: 25rem; background-color: ${({ theme }) => theme.colors.gray10}; cursor: pointer; border-radius: 8px; + @media ${MOBILE_MEDIA_QUERY} { + height: 25.5rem; + } + &:hover { background-color: ${({ theme }) => theme.colors.lightViolet}; From ebd3e837c7c1416490cc213e91b380710ce08f7a Mon Sep 17 00:00:00 2001 From: Moon Dahyun Date: Sun, 6 Apr 2025 18:20:10 +0900 Subject: [PATCH 03/12] =?UTF-8?q?fix/#553=20:=20=EA=B4=80=EB=A6=AC?= =?UTF-8?q?=EC=9E=90=20-=20=EB=AA=A8=EC=9E=84=20=EC=A0=95=EB=B3=B4=20?= =?UTF-8?q?=EC=88=98=EC=A0=95=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=E2=86=92=20?= =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=97=85=EB=A1=9C=EB=93=9C=20?= =?UTF-8?q?=EC=82=AC=EC=9D=B4=EC=A6=88=20=EC=88=98=EC=A0=95=20+=20?= =?UTF-8?q?=EC=82=AC=EC=9D=B4=EC=A6=88=20=EC=95=88=EB=82=B4=20=EB=A9=98?= =?UTF-8?q?=ED=8A=B8=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/admin/components/EditGroupInfo.tsx | 25 +++++++++++++++---- .../components/CreateGroupInfo.tsx | 6 ++++- 2 files changed, 25 insertions(+), 6 deletions(-) diff --git a/src/pages/admin/components/EditGroupInfo.tsx b/src/pages/admin/components/EditGroupInfo.tsx index afcbb48f..39be9211 100644 --- a/src/pages/admin/components/EditGroupInfo.tsx +++ b/src/pages/admin/components/EditGroupInfo.tsx @@ -21,6 +21,7 @@ import { INPUT_INFO_MESSAGE } from '../../createGroup/constants/inputInfoMsg'; import { useGetGroupNameValidation } from '../../createGroup/hooks/queries'; import { usePresignedUrl } from '../../postPage/hooks/queries'; import { useFetchGroupInfo, usePutAdminGroupInfo } from '../hooks/queries'; +import Responsive from '../../../components/commons/Responsive/Responsive'; const EditGroupInfo = () => { const [groupName, setGroupName] = useState(''); @@ -239,9 +240,15 @@ const EditGroupInfo = () => { /> )} - - *글모임 페이지 상단에 노출될 대표 이미지입니다. 1366*306px사이즈를 권장합니다. - + + + * 글 모임 페이지 상단에 노출될 대표 이미지입니다. 1440*480(3:1) 사이즈를 권장합니다. + + + + * 글 모임 페이지 상단에 노출될 대표 이미지입니다. + 1440*480(3:1) 사이즈를 권장합니다. + @@ -516,11 +523,15 @@ const GroupImagePreview = styled.img<{ isImagePreview: boolean }>` position: absolute; width: 100%; - height: 20rem; + height: 25rem; object-fit: cover; cursor: ${({ isImagePreview }) => (isImagePreview ? 'default' : 'pointer')}; border-radius: 8px; + + @media ${MOBILE_MEDIA_QUERY} { + height: 25.5rem; + } `; const GroupImageLabel = styled.label` @@ -535,12 +546,16 @@ const GroupImageWrapper = styled.div` align-items: center; justify-content: center; width: 100%; - height: 20rem; + height: 25rem; background-color: ${({ theme }) => theme.colors.gray10}; cursor: pointer; border-radius: 8px; + @media ${MOBILE_MEDIA_QUERY} { + height: 25.5rem; + } + &:hover { background-color: ${({ theme }) => theme.colors.lightViolet}; diff --git a/src/pages/createGroup/components/CreateGroupInfo.tsx b/src/pages/createGroup/components/CreateGroupInfo.tsx index b734f0fd..f3101e01 100644 --- a/src/pages/createGroup/components/CreateGroupInfo.tsx +++ b/src/pages/createGroup/components/CreateGroupInfo.tsx @@ -651,11 +651,15 @@ const GroupImagePreview = styled.img<{ isImagePreview: boolean }>` position: absolute; width: 100%; - height: 20rem; + height: 25rem; object-fit: cover; cursor: ${({ isImagePreview }) => (isImagePreview ? 'default' : 'pointer')}; border-radius: 8px; + + @media ${MOBILE_MEDIA_QUERY} { + height: 25.5rem; + } `; const CreateGroupImageUploadedIcon = styled(CreateGroupImageUploadedIc)` From c4037e8687d20ceb9b263ba45c883e5031e8c15e Mon Sep 17 00:00:00 2001 From: namdaeun Date: Sat, 12 Apr 2025 00:16:32 +0900 Subject: [PATCH 04/12] =?UTF-8?q?chore:=20=EB=8D=94=EB=AF=B8=20=EB=8D=B0?= =?UTF-8?q?=EC=9D=B4=ED=84=B0=205=20->=2010=EC=9C=BC=EB=A1=9C=20=EB=B3=80?= =?UTF-8?q?=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/groupFeed/constants/modalContent.ts | 5 ++--- src/pages/main/constants/faqData.ts | 2 +- 2 files changed, 3 insertions(+), 4 deletions(-) diff --git a/src/pages/groupFeed/constants/modalContent.ts b/src/pages/groupFeed/constants/modalContent.ts index 7ffcd8c5..ee23619e 100644 --- a/src/pages/groupFeed/constants/modalContent.ts +++ b/src/pages/groupFeed/constants/modalContent.ts @@ -1,4 +1,3 @@ export const MODAL = { - ALERT_GROUP_LIMIT: `글모임은 최대 5개까지 가입할 수 있습니다.`, - }; - \ No newline at end of file + ALERT_GROUP_LIMIT: `글모임은 최대 10개까지 가입할 수 있습니다.`, +}; diff --git a/src/pages/main/constants/faqData.ts b/src/pages/main/constants/faqData.ts index ffbf0e9f..d2a2eca2 100644 --- a/src/pages/main/constants/faqData.ts +++ b/src/pages/main/constants/faqData.ts @@ -39,7 +39,7 @@ export const FAQ_DATA: faqDataPropTypes[] = [ id: 6, question: '글 모임은 몇 개까지 가입이 가능한가요?', answer: - '본인이 만든 글 모임을 포함하여 최대 5개까지 가입이 가능합니다.\n마일은 너무 많은 글 모임에서 활동하는 것보다 소수의 글 모임에 집중하여 더 좋은 글을 쓰길 희망합니다.\n많은 모임보다는, 하나 하나의 모임에 집중하여 마음을 담은 글을 써보는 건 어떨까요?', + '본인이 만든 글 모임을 포함하여 최대 10개까지 가입이 가능합니다.\n마일은 너무 많은 글 모임에서 활동하는 것보다 소수의 글 모임에 집중하여 더 좋은 글을 쓰길 희망합니다.\n많은 모임보다는, 하나 하나의 모임에 집중하여 마음을 담은 글을 써보는 건 어떨까요?', }, { id: 7, From ddf5538b70c1844110b4cdf5a3c27d6b9a3ccc2c Mon Sep 17 00:00:00 2001 From: namdaeun Date: Sat, 12 Apr 2025 00:38:39 +0900 Subject: [PATCH 05/12] =?UTF-8?q?style:=20=ED=97=A4=EB=8D=94=20=EB=93=9C?= =?UTF-8?q?=EB=A1=AD=EB=8B=A4=EC=9A=B4=20=EC=8A=A4=ED=81=AC=EB=A1=A4=20?= =?UTF-8?q?=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../groupFeed/components/MyGroupDropDown.tsx | 71 ++++++++++++------- 1 file changed, 46 insertions(+), 25 deletions(-) diff --git a/src/pages/groupFeed/components/MyGroupDropDown.tsx b/src/pages/groupFeed/components/MyGroupDropDown.tsx index 06bbfd7f..6c96eadb 100644 --- a/src/pages/groupFeed/components/MyGroupDropDown.tsx +++ b/src/pages/groupFeed/components/MyGroupDropDown.tsx @@ -30,23 +30,23 @@ const MyGroupDropDown = ({ groupData }: CreateGroupBtnProps) => { return ( 내 글 모임 - - {groupData?.length > 0 ? ( - groupData.map(({ moimId, moimName }: Moim) => ( - handleRoutingGroupFeed(moimId)} - > - {moimName} - - )) - ) : ( - {`가입한 글 모임이\n 없습니다.`} - )} - + + + {groupData?.length > 0 ? ( + groupData.map(({ moimId, moimName }: Moim) => ( + handleRoutingGroupFeed(moimId)} + > + {moimName} + + )) + ) : ( + {`가입한 글 모임이\n 없습니다.`} + )} + + ); }; @@ -59,23 +59,44 @@ const MyGroupDropDownWrapper = styled.section` align-items: center; `; -const MyGroupListLayout = styled.div<{ $isOpen: boolean }>` +const ListLayout = styled.div` position: absolute; top: 6rem; - display: ${({ $isOpen }) => ($isOpen ? 'flex' : 'none')}; - flex-direction: column; - gap: 1rem; - align-items: flex-start; + max-height: 22.4rem; padding: 1.2rem; background-color: ${({ theme }) => theme.colors.white}; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 16%); - cursor: pointer; border: ${({ theme }) => theme.colors.grayViolet}; border-radius: 0.8rem; `; -const GroupContentContainer = styled.div<{ $isEmpty: boolean }>` +const MyGroupList = styled.ul<{ $isOpen: boolean }>` + /* position: absolute; + top: 6rem; */ + display: ${({ $isOpen }) => ($isOpen ? 'flex' : 'none')}; + flex-direction: column; + align-items: flex-start; + max-height: 20rem; + padding-right: 0.5rem; + overflow-y: auto; + + background-color: ${({ theme }) => theme.colors.white}; + scroll-behavior: smooth; + + ::-webkit-scrollbar { + width: 0.2rem; + height: 0.4rem; + + border-radius: 0.2rem; + } + + ::-webkit-scrollbar-thumb { + background-color: ${({ theme }) => theme.colors.grayViolet}; + } +`; + +const GroupItem = styled.li<{ $isEmpty: boolean }>` width: 15.2rem; padding: 1rem 1.6rem; @@ -84,7 +105,7 @@ const GroupContentContainer = styled.div<{ $isEmpty: boolean }>` white-space: pre-line; text-align: ${({ $isEmpty }) => ($isEmpty ? 'center' : 'left')}; - cursor: ${({ $isEmpty }) => ($isEmpty ? 'default' : 'cursor')}; + cursor: ${({ $isEmpty }) => ($isEmpty ? 'default' : 'pointer')}; border-radius: 0.8rem; ${({ $isEmpty, theme }) => ($isEmpty ? theme.fonts.body9 : theme.fonts.body1)}; From 6b702dbe32084b4310000b03a5056926ae50c98c Mon Sep 17 00:00:00 2001 From: namdaeun Date: Sat, 12 Apr 2025 00:39:05 +0900 Subject: [PATCH 06/12] =?UTF-8?q?refactor:=20=EA=B0=80=EC=9E=85=20?= =?UTF-8?q?=EA=B0=80=EB=8A=A5=ED=95=9C=20=EA=B8=80=20=EB=AA=A8=EC=9E=84=20?= =?UTF-8?q?=EC=88=98=20=EC=83=81=EC=88=98=ED=99=94?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/groupFeed/components/CreateGroupBtn.tsx | 5 +++-- src/pages/groupFeed/constants/count.ts | 1 + 2 files changed, 4 insertions(+), 2 deletions(-) create mode 100644 src/pages/groupFeed/constants/count.ts diff --git a/src/pages/groupFeed/components/CreateGroupBtn.tsx b/src/pages/groupFeed/components/CreateGroupBtn.tsx index cdcbd3c4..f980c85d 100644 --- a/src/pages/groupFeed/components/CreateGroupBtn.tsx +++ b/src/pages/groupFeed/components/CreateGroupBtn.tsx @@ -2,10 +2,11 @@ import { useState } from 'react'; import { useNavigate } from 'react-router-dom'; import { MakeGroupPlusBtn, MakeGroupPlusHoverBtn } from '../../../assets/svgs'; +import { CreateGroupBtnWrapper } from '../../../components/commons/HeaderButton'; import { FullModal, FullModalBtn } from '../../../components/commons/modal/FullModal'; import useModal from '../../../hooks/useModal'; +import { MAX_GROUP_COUNT } from '../constants/count'; import { MODAL } from '../constants/modalContent'; -import { CreateGroupBtnWrapper } from '../../../components/commons/HeaderButton'; interface groupCountProps { groupCount: number; @@ -18,7 +19,7 @@ const CreateGroupBtn = ({ groupCount }: groupCountProps) => { const navigate = useNavigate(); const handleCreateGroupBtn = () => { - if (groupCount < 5) { + if (groupCount <= MAX_GROUP_COUNT) { navigate('/group/create'); } else { handleShowModal(); diff --git a/src/pages/groupFeed/constants/count.ts b/src/pages/groupFeed/constants/count.ts new file mode 100644 index 00000000..fafdedf9 --- /dev/null +++ b/src/pages/groupFeed/constants/count.ts @@ -0,0 +1 @@ +export const MAX_GROUP_COUNT = 10; From f7a8253f0c32d886a24552cdfe68cfdf1bfba0c2 Mon Sep 17 00:00:00 2001 From: namdaeun Date: Sat, 12 Apr 2025 00:39:51 +0900 Subject: [PATCH 07/12] =?UTF-8?q?style:=20=EC=8A=A4=ED=81=AC=EB=A1=A4?= =?UTF-8?q?=EB=B0=94=20=EC=83=89=EC=83=81=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/groupFeed/components/MyGroupDropDown.tsx | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/src/pages/groupFeed/components/MyGroupDropDown.tsx b/src/pages/groupFeed/components/MyGroupDropDown.tsx index 6c96eadb..8cc6b8eb 100644 --- a/src/pages/groupFeed/components/MyGroupDropDown.tsx +++ b/src/pages/groupFeed/components/MyGroupDropDown.tsx @@ -72,8 +72,6 @@ const ListLayout = styled.div` `; const MyGroupList = styled.ul<{ $isOpen: boolean }>` - /* position: absolute; - top: 6rem; */ display: ${({ $isOpen }) => ($isOpen ? 'flex' : 'none')}; flex-direction: column; align-items: flex-start; @@ -92,7 +90,7 @@ const MyGroupList = styled.ul<{ $isOpen: boolean }>` } ::-webkit-scrollbar-thumb { - background-color: ${({ theme }) => theme.colors.grayViolet}; + background-color: ${({ theme }) => theme.colors.gray30}; } `; From 4da1168072a79dcf8d6def5c3528abaa0a1731a2 Mon Sep 17 00:00:00 2001 From: namdaeun Date: Sat, 12 Apr 2025 00:42:57 +0900 Subject: [PATCH 08/12] =?UTF-8?q?style:=20=EB=93=9C=EB=A1=AD=EB=8B=A4?= =?UTF-8?q?=EC=9A=B4=20=EB=8B=AB=ED=98=94=EC=9D=84=20=EB=95=8C=20=EC=8A=A4?= =?UTF-8?q?=ED=83=80=EC=9D=BC=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/groupFeed/components/MyGroupDropDown.tsx | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/src/pages/groupFeed/components/MyGroupDropDown.tsx b/src/pages/groupFeed/components/MyGroupDropDown.tsx index 8cc6b8eb..cafedb01 100644 --- a/src/pages/groupFeed/components/MyGroupDropDown.tsx +++ b/src/pages/groupFeed/components/MyGroupDropDown.tsx @@ -30,7 +30,7 @@ const MyGroupDropDown = ({ groupData }: CreateGroupBtnProps) => { return ( 내 글 모임 - + {groupData?.length > 0 ? ( groupData.map(({ moimId, moimName }: Moim) => ( @@ -59,11 +59,12 @@ const MyGroupDropDownWrapper = styled.section` align-items: center; `; -const ListLayout = styled.div` +const ListLayout = styled.div<{ $isOpen: boolean }>` position: absolute; top: 6rem; - max-height: 22.4rem; - padding: 1.2rem; + display: ${({ $isOpen }) => ($isOpen ? 'flex' : 'none')}; + max-height: 22rem; + padding: 1.2rem 0.5rem 1.2rem 1.2rem; background-color: ${({ theme }) => theme.colors.white}; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 16%); @@ -96,6 +97,7 @@ const MyGroupList = styled.ul<{ $isOpen: boolean }>` const GroupItem = styled.li<{ $isEmpty: boolean }>` width: 15.2rem; + height: 4rem; padding: 1rem 1.6rem; color: ${({ theme }) => theme.colors.gray70}; From be803b9248ddafa483f33e945badaf3ea23bd2c2 Mon Sep 17 00:00:00 2001 From: namdaeun Date: Sat, 12 Apr 2025 00:46:31 +0900 Subject: [PATCH 09/12] =?UTF-8?q?fix:=20=EB=93=B1=ED=98=B8=20=EC=A0=9C?= =?UTF-8?q?=EA=B1=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/groupFeed/components/CreateGroupBtn.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/groupFeed/components/CreateGroupBtn.tsx b/src/pages/groupFeed/components/CreateGroupBtn.tsx index f980c85d..c8cd6a43 100644 --- a/src/pages/groupFeed/components/CreateGroupBtn.tsx +++ b/src/pages/groupFeed/components/CreateGroupBtn.tsx @@ -19,7 +19,7 @@ const CreateGroupBtn = ({ groupCount }: groupCountProps) => { const navigate = useNavigate(); const handleCreateGroupBtn = () => { - if (groupCount <= MAX_GROUP_COUNT) { + if (groupCount < MAX_GROUP_COUNT) { navigate('/group/create'); } else { handleShowModal(); From 22a11d18bce096ebfb1c4108b1d0584dab62f9ad Mon Sep 17 00:00:00 2001 From: Moon Dahyun Date: Sat, 12 Apr 2025 15:04:33 +0900 Subject: [PATCH 10/12] =?UTF-8?q?fix/#553:=20=EC=97=90=EB=94=94=ED=84=B0?= =?UTF-8?q?=20=E2=86=92=20=EA=B8=80=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20?= =?UTF-8?q?=EC=82=AC=EC=9D=B4=EC=A6=88=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/postPage/components/ImageUpload.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/pages/postPage/components/ImageUpload.tsx b/src/pages/postPage/components/ImageUpload.tsx index a277e845..188effc9 100644 --- a/src/pages/postPage/components/ImageUpload.tsx +++ b/src/pages/postPage/components/ImageUpload.tsx @@ -79,13 +79,13 @@ export default ImageUpload; const ThumbNailGradient = styled.div` position: relative; width: 100%; - height: 30.7rem; + height: 38.6rem; background: ${({ theme }) => theme.colors.thumbnailGradient}; border-radius: 0 0 10px 10px; @media ${MOBILE_MEDIA_QUERY} { - height: 18rem; + height: 22.4rem; } `; @@ -93,14 +93,14 @@ const ThumbNailImg = styled.img<{ $imgExist: string }>` position: relative; width: 100%; - height: 30.7rem; + height: 38.6rem; object-fit: cover; border-radius: 0 0 10px 10px; ${({ $imgExist }) => $imgExist && $imgExist.length === 0 && 'content: "";'} @media ${MOBILE_MEDIA_QUERY} { - height: 18rem; + height: 22.4rem; } `; From 5f0dd03d49f7b0041de944383f68a2a09a3935ea Mon Sep 17 00:00:00 2001 From: Moon Dahyun Date: Sat, 12 Apr 2025 15:13:01 +0900 Subject: [PATCH 11/12] =?UTF-8?q?fix/#553:=20=EA=B8=80=EC=83=81=EC=84=B8?= =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=E2=86=92=20=EA=B8=80=20=EC=9D=B4?= =?UTF-8?q?=EB=AF=B8=EC=A7=80=20=EC=82=AC=EC=9D=B4=EC=A6=88=20=EC=88=98?= =?UTF-8?q?=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/postDetail/PostDetail.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/pages/postDetail/PostDetail.tsx b/src/pages/postDetail/PostDetail.tsx index cdd30310..b1e09bc6 100644 --- a/src/pages/postDetail/PostDetail.tsx +++ b/src/pages/postDetail/PostDetail.tsx @@ -211,7 +211,7 @@ const PostDetail = () => { {isMember && } - + {/* 우선은 조건부로 연결해두었는데 reducer나 state를 통해서 업데이트 하도록 변경해도 될 듯 */} @@ -248,14 +248,14 @@ const DividingLine = styled.div` const ThumnailImg = styled.img` width: 100%; - height: 37rem; + height: 38.6rem; object-fit: cover; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; @media ${MOBILE_MEDIA_QUERY} { - height: 18rem; + height: 22.4rem; } `; From 3590d3c30ab7647f18a8c959237ed7102919d550 Mon Sep 17 00:00:00 2001 From: Moon Dahyun Date: Sat, 12 Apr 2025 15:15:34 +0900 Subject: [PATCH 12/12] =?UTF-8?q?fix/#553=20:=20=EB=AA=A8=EC=9E=84?= =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=9E=AC=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/groupFeed/GroupFeed.tsx | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/src/pages/groupFeed/GroupFeed.tsx b/src/pages/groupFeed/GroupFeed.tsx index c5a73e7a..1f41fc30 100644 --- a/src/pages/groupFeed/GroupFeed.tsx +++ b/src/pages/groupFeed/GroupFeed.tsx @@ -156,10 +156,9 @@ const GroupFeedWrapper = styled.div` background-color: ${({ theme }) => theme.colors.backGroundGray}; `; -//디자인 확정나면 const GroupFeedThumnail = styled.div<{ imageUrl: string | undefined }>` width: 100%; - height: 45rem; + height: 38.6rem; margin-top: 6.4rem; object-fit: cover; @@ -168,7 +167,7 @@ const GroupFeedThumnail = styled.div<{ imageUrl: string | undefined }>` @media ${MOBILE_MEDIA_QUERY} { width: 100%; - height: 28rem; + height: 22.4rem; margin-top: 5.5rem; } `;