diff --git a/src/components/Alarm/TabCapsule/Content/Content.module.scss b/src/components/Alarm/TabCapsule/Content/Content.module.scss index 3b009a5a..4c818d8b 100644 --- a/src/components/Alarm/TabCapsule/Content/Content.module.scss +++ b/src/components/Alarm/TabCapsule/Content/Content.module.scss @@ -21,7 +21,9 @@ &__thumbnail { width: 4rem; + min-width: 4rem; height: 4rem; + min-height: 4rem; border-radius: 50%; } diff --git a/src/components/SideBar/SideBar.tsx b/src/components/SideBar/SideBar.tsx index 3b875997..e4644dab 100644 --- a/src/components/SideBar/SideBar.tsx +++ b/src/components/SideBar/SideBar.tsx @@ -79,7 +79,7 @@ function SideBar({isSideOpen, sideClose}: SideBarProps) { - + diff --git a/src/components/SideBar/TravelList/TravelList.tsx b/src/components/SideBar/TravelList/TravelList.tsx index 899dcee7..3b65a39a 100644 --- a/src/components/SideBar/TravelList/TravelList.tsx +++ b/src/components/SideBar/TravelList/TravelList.tsx @@ -11,7 +11,7 @@ import {setSpaceDate} from '@/utils/formatDate'; import {TravelListProp} from '@/types/sidebar'; -function TravelList({isSideOpen}: TravelListProp) { +function TravelList({isSideOpen, sideClose}: TravelListProp) { const [, setIsFull] = useRecoilState(isFullMember); const {mutate} = usePostSpace(); const navigate = useNavigate(); @@ -25,6 +25,7 @@ function TravelList({isSideOpen}: TravelListProp) { onSuccess: (data) => { if (data) { navigate(`/trip/${data.data.id}`); + sideClose; } }, }); @@ -45,7 +46,13 @@ function TravelList({isSideOpen}: TravelListProp) {
    {spaces.data.spaces.map((item, index) => (
  • -