diff --git a/frontend/src/features/songs/components/KillingPartInterface.tsx b/frontend/src/features/songs/components/KillingPartInterface.tsx index 449b7b9b..e56cc598 100644 --- a/frontend/src/features/songs/components/KillingPartInterface.tsx +++ b/frontend/src/features/songs/components/KillingPartInterface.tsx @@ -1,6 +1,7 @@ import { useEffect, useRef, useState } from 'react'; import { styled } from 'styled-components'; -import CommentList from '@/features/comments/components/CommentList'; +// NOTE: 댓글 기능 임시 중단 +// import CommentList from '@/features/comments/components/CommentList'; import useVideoPlayerContext from '@/features/youtube/hooks/useVideoPlayerContext'; import Flex from '@/shared/components/Flex/Flex'; import Spacing from '@/shared/components/Spacing'; @@ -19,6 +20,8 @@ const DEFAULT_PART_ID = -1; const KillingPartInterface = ({ killingParts, songId, memberPart }: KillingPartInterfaceProps) => { const [nowPlayingTrack, setNowPlayingTrack] = useState(DEFAULT_PART_ID); + // NOTE: 댓글 기능 임시 중단 + // eslint-disable-next-line @typescript-eslint/no-unused-vars const [commentsPartId, setCommentsPartId] = useState(DEFAULT_PART_ID); const [isRepeat, setIsRepeat] = useState(false); const { videoPlayer, playerState, seekTo, pause } = useVideoPlayerContext(); @@ -144,9 +147,10 @@ const KillingPartInterface = ({ killingParts, songId, memberPart }: KillingPartI setNowPlayingTrack={setNowPlayingTrack} setCommentsPartId={setCommentsPartId} /> - {commentsPartId !== DEFAULT_PART_ID && ( + {/* NOTE: 댓글 기능 임시 중단 */} + {/* {commentsPartId !== DEFAULT_PART_ID && ( - )} + )} */} ); }; diff --git a/frontend/src/features/songs/components/KillingPartTrackList.tsx b/frontend/src/features/songs/components/KillingPartTrackList.tsx index bdd3b4a5..3c35874d 100644 --- a/frontend/src/features/songs/components/KillingPartTrackList.tsx +++ b/frontend/src/features/songs/components/KillingPartTrackList.tsx @@ -83,6 +83,11 @@ export const TrackList = styled.div` display: flex; flex-direction: column; gap: 10px; + width: 314px; + + @media (max-width: ${({ theme }) => theme.breakPoints.md}) { + width: 100%; + } `; const PartRegisterButton = styled.button` diff --git a/frontend/src/features/songs/components/SongDetailItem.tsx b/frontend/src/features/songs/components/SongDetailItem.tsx index 8097764f..190e34d7 100644 --- a/frontend/src/features/songs/components/SongDetailItem.tsx +++ b/frontend/src/features/songs/components/SongDetailItem.tsx @@ -47,6 +47,7 @@ const SongDetailItem = forwardRef( @@ -82,6 +83,8 @@ export default SongDetailItem; const Container = styled.div` display: flex; flex-direction: column; + justify-content: center; + height: 100vh; padding-top: ${({ theme: { headerHeight } }) => headerHeight.desktop};