fix: 채팅방 미리보기 버그 수정

woowacourse-teams · Oct 23, 2024 · 252c835 · 252c835
1 parent 456f1c3
commit 252c835
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 4 deletions.
diff --git a/frontend/src/components/UserPreview/UserPreview.style.ts b/frontend/src/components/UserPreview/UserPreview.style.ts
@@ -14,6 +14,7 @@ export const preview = ({
   height: ${size || '3.5rem'};
 
   background: url(${imageUrl}), url(${defaultProfile});
+  background-color: white;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 100% 100%;

diff --git a/.../layouts/ChattingPreviewLayout/ChattingPreviewContainer/ChattingPreviewContainer.style.ts b/.../layouts/ChattingPreviewLayout/ChattingPreviewContainer/ChattingPreviewContainer.style.ts
@@ -5,7 +5,7 @@ export const Container = ({ theme }: { theme: Theme }) => css`
   display: flex;
   flex-direction: column;
   gap: 2rem;
-  align-items: center;
+  align-items: flex-start;
   justify-content: flex-start;
 
   width: 100%;

diff --git a/frontend/src/pages/Chatting/ChatPage/ChatPage.tsx b/frontend/src/pages/Chatting/ChatPage/ChatPage.tsx
@@ -35,7 +35,7 @@ export default function ChatPage() {
             </h2>
           </ChattingPreviewLayout.Header.Left>
         </ChattingPreviewLayout.Header>
-        <ChattingPreviewLayout.HeaderBottom>
+        <ChattingPreviewLayout.ContentContainer>
           <ChatFilterTagList>
             <ChatFilterTag
               value={'모임'}
@@ -48,8 +48,6 @@ export default function ChatPage() {
               onClick={() => setNowChatRoomType('BET')}
             />
           </ChatFilterTagList>
-        </ChattingPreviewLayout.HeaderBottom>
-        <ChattingPreviewLayout.ContentContainer>
           {isLoading ? (
             <ChatCardListSkeleton />
           ) : chatPreviews && chatPreviews.length > 0 ? (