From 4d8dbe4a2d6c74d4a56119f1cd88c65ffdf01b0a Mon Sep 17 00:00:00 2001 From: simhorim Date: Wed, 23 Oct 2024 17:39:57 +0900 Subject: [PATCH 1/4] =?UTF-8?q?fix(Checkbox):=20=EC=B2=B4=ED=81=AC=20?= =?UTF-8?q?=ED=91=9C=EC=8B=9C=20=EB=B3=B4=EC=9D=B4=EC=A7=80=20=EC=95=8A?= =?UTF-8?q?=EB=8A=94=20=EB=AC=B8=EC=A0=9C=20=ED=95=B4=EA=B2=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/components/common/Checkbox/Checkbox.styled.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/frontend/src/components/common/Checkbox/Checkbox.styled.ts b/frontend/src/components/common/Checkbox/Checkbox.styled.ts index 703f9718..26ba2e3d 100644 --- a/frontend/src/components/common/Checkbox/Checkbox.styled.ts +++ b/frontend/src/components/common/Checkbox/Checkbox.styled.ts @@ -23,4 +23,5 @@ export const Checkbox = styled.input` export const iconStyle = css` position: absolute; + left: 0; `; From 07a197be862792387ee0ca0ece27997acf56a1d1 Mon Sep 17 00:00:00 2001 From: simhorim Date: Wed, 23 Oct 2024 17:42:07 +0900 Subject: [PATCH 2/4] =?UTF-8?q?fix(MyLikes):=20=EC=97=AC=ED=96=89=EA=B8=B0?= =?UTF-8?q?=20=EB=B3=B4=EB=9F=AC=EA=B0=80=EA=B8=B0=20=ED=81=B4=EB=A6=AD?= =?UTF-8?q?=EC=8B=9C=20=EB=A3=A8=ED=8A=B8=20=ED=8E=98=EC=9D=B4=EC=A7=80?= =?UTF-8?q?=EB=A1=9C=20=EC=9D=B4=EB=8F=99=ED=95=98=EB=8A=94=20=EB=AC=B8?= =?UTF-8?q?=EC=A0=9C=20=ED=95=B4=EA=B2=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/components/pages/my/MyLikes/MyLikes.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/src/components/pages/my/MyLikes/MyLikes.tsx b/frontend/src/components/pages/my/MyLikes/MyLikes.tsx index 2e69f743..71186815 100644 --- a/frontend/src/components/pages/my/MyLikes/MyLikes.tsx +++ b/frontend/src/components/pages/my/MyLikes/MyLikes.tsx @@ -35,7 +35,7 @@ const MyLikes = ({ userData }: MyLikesProps) => { }; const handleClickIconButton = () => { - navigate(ROUTE_PATHS_MAP.root); + navigate(ROUTE_PATHS_MAP.main); }; useEffect(() => { From e141f64e31857a718445f21c94afc553a89f1247 Mon Sep 17 00:00:00 2001 From: simhorim Date: Wed, 23 Oct 2024 22:33:33 +0900 Subject: [PATCH 3/4] =?UTF-8?q?refactor:=20=ED=83=9C=EA=B7=B8=20=EB=A7=88?= =?UTF-8?q?=EC=9A=B0=EC=8A=A4=20=EB=B2=97=EC=96=B4=EB=82=AC=EB=8A=94?= =?UTF-8?q?=EB=8D=B0=EB=8F=84=20=EC=8A=A4=ED=81=AC=EB=A1=A4=20=EB=90=98?= =?UTF-8?q?=EB=8A=94=20=EB=AC=B8=EC=A0=9C=20=ED=95=B4=EA=B2=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/components/pages/main/MainPage.tsx | 3 ++- .../components/pages/search/TravelogueList/TravelogueList.tsx | 1 + .../src/components/pages/travelogueEdit/TravelogueEditPage.tsx | 1 + .../pages/travelogueRegister/TravelogueRegisterPage.tsx | 1 + 4 files changed, 5 insertions(+), 1 deletion(-) diff --git a/frontend/src/components/pages/main/MainPage.tsx b/frontend/src/components/pages/main/MainPage.tsx index 5b3629cd..0381773f 100644 --- a/frontend/src/components/pages/main/MainPage.tsx +++ b/frontend/src/components/pages/main/MainPage.tsx @@ -80,7 +80,7 @@ const MainPage = () => { selectedTravelPeriodOption: travelPeriod.selectedOption, }); - const { scrollRef, handleMouseDown, handleMouseMove, handleMouseUp } = + const { scrollRef, handleMouseUp, handleMouseDown, handleMouseMove } = useDragScroll(); const { modalRef, handleKeyDown } = useKeyDown({ isOpen: true, @@ -185,6 +185,7 @@ const MainPage = () => { onMouseDown={handleMouseDown} onMouseUp={handleMouseUp} onMouseMove={handleMouseMove} + onMouseLeave={handleMouseUp} onKeyDown={handleKeyDown} > {sortedTags.map((tag, index) => { diff --git a/frontend/src/components/pages/search/TravelogueList/TravelogueList.tsx b/frontend/src/components/pages/search/TravelogueList/TravelogueList.tsx index 279cf59f..95807cd7 100644 --- a/frontend/src/components/pages/search/TravelogueList/TravelogueList.tsx +++ b/frontend/src/components/pages/search/TravelogueList/TravelogueList.tsx @@ -189,6 +189,7 @@ const TravelogueList = ({ keyword, searchType }: TravelogueListProps) => { onMouseDown={handleMouseDown} onMouseUp={handleMouseUp} onMouseMove={handleMouseMove} + onMouseLeave={handleMouseUp} > {sortedTags.map((tag, index) => { const isSelected = selectedTagIDs.includes(tag.id); diff --git a/frontend/src/components/pages/travelogueEdit/TravelogueEditPage.tsx b/frontend/src/components/pages/travelogueEdit/TravelogueEditPage.tsx index 716b2ec6..08c0d0ba 100644 --- a/frontend/src/components/pages/travelogueEdit/TravelogueEditPage.tsx +++ b/frontend/src/components/pages/travelogueEdit/TravelogueEditPage.tsx @@ -120,6 +120,7 @@ const TravelogueEditPage = () => { onMouseDown={handleMouseDown} onMouseUp={handleMouseUp} onMouseMove={handleMouseMove} + onMouseLeave={handleMouseUp} > {sortedTags.map((tag, index) => ( { onMouseDown={handleMouseDown} onMouseUp={handleMouseUp} onMouseMove={handleMouseMove} + onMouseLeave={handleMouseUp} > {sortedTags.map((tag, index) => ( Date: Wed, 23 Oct 2024 23:23:07 +0900 Subject: [PATCH 4/4] =?UTF-8?q?fix(Chip):=20=EA=B2=80=EC=83=89=20=ED=8E=98?= =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EA=B0=94=EB=8B=A4=EA=B0=80=20=ED=99=88?= =?UTF-8?q?=EC=9C=BC=EB=A1=9C=20=EB=8F=8C=EC=95=84=EC=98=A4=EB=A9=B4=20?= =?UTF-8?q?=EC=97=90=EB=8B=88=EB=A9=94=EC=9D=B4=EC=85=98=20=EC=A0=95?= =?UTF-8?q?=EC=83=81=EC=A0=81=EC=9C=BC=EB=A1=9C=20=EC=9E=91=EB=8F=99?= =?UTF-8?q?=ED=95=98=EC=A7=80=20=EC=95=8A=EB=8A=94=20=EB=AC=B8=EC=A0=9C=20?= =?UTF-8?q?=ED=95=B4=EA=B2=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/src/components/common/Chip/Chip.styled.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/src/components/common/Chip/Chip.styled.ts b/frontend/src/components/common/Chip/Chip.styled.ts index b0565a8c..d71443ea 100644 --- a/frontend/src/components/common/Chip/Chip.styled.ts +++ b/frontend/src/components/common/Chip/Chip.styled.ts @@ -17,7 +17,7 @@ const getButtonColorStyling = (isSelected: boolean) => { const fadeInMove = keyframes` from { opacity: 0; - transform: translateY(1rem); + transform: translateY(-1rem); } to {