Merge pull request #87 from gummmmmy0v0/feature/#67

[#67] index.html 수정 등 단순 수정

Author: cskime

src/components/option/background-select.jsx

@@ -1,8 +1,6 @@
 import { useEffect, useState } from "react";
 import styled from "styled-components";
 import CheckImage from "../../assets/ic-check.svg";
-import { OutlinedButton } from "../button/button";
-import BUTTON_SIZE from "../button/button-size";
 import { media } from "../../utils/media";
 import BACKGROUND_COLOR from "../color/background-color";
 import Colors from "../color/colors";
@@ -37,7 +35,6 @@ const CheckedIcon = styled.img`
   left: 50%;
   transform: translate(-50%, -50%);
   padding: 5px;
-  }
 `;
 
 const BackgroundOverlay = styled.div`

src/pages/send-message-page.jsx

@@ -70,13 +70,13 @@ const AvatarOption = styled.div`
   }
 `;
 
-const AvatarPreview = styled.div`
-  cursor: pointer;
+const DefaultAvatar = styled.div`
+  height: 100%;
+  padding-top: 20px;
 `;
 
-const DefaultAvatar = styled.div`
+const AvatarPreview = styled.div`
   cursor: pointer;
-  padding-top: 20px;
   box-shadow: ${({ $isSelected }) =>
     $isSelected ? `0 0 0 2px ${Colors.purple(600)}` : "none"};
   border-radius: 50%;
@@ -173,7 +173,9 @@ function SendMessagePage() {
       <Wrapper>
         <SendTitle>프로필 이미지</SendTitle>
         <AvatarWrapper>
-          <Avatar size={AVATAR_SIZE.large} source={selectedAvatar} />
+          <DefaultAvatar>
+            <Avatar size={AVATAR_SIZE.large} source={selectedAvatar} />
+          </DefaultAvatar>
           <AvatarOptionWrapper>
             <AvatarDescription>
               프로필 이미지를 선택해 주세요!