Style: 위치, 폰트크기 수정

CLIPPER-1st · Mar 17, 2024 · 915e577 · 915e577
1 parent 383f740
commit 915e577
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 10 deletions.
diff --git a/src/components/Button/CloseMapButton/index.tsx b/src/components/Button/CloseMapButton/index.tsx
@@ -9,9 +9,8 @@ export default function CloseMapButton(props: CloseMapButtonProps) {
  width={55} 
  height={55} 
  background={CloseMapButtonImg} 
- margin={"0 0 0 0"}
  {...props}
- position={"fixed"}
+ position={"absolute"}
  top={20}
  right={20}
  zIndex={100}

diff --git a/src/components/Button/ProfileNameButton/index.tsx b/src/components/Button/ProfileNameButton/index.tsx
@@ -74,7 +74,10 @@ export default function ProfileNameButton(props: TextButtonProps) {
  />
  </Styled.Container>
  ) : (
- <TextButton {...props} onClick={() => handleProfileChangeInputBarOpen()}>
+ <TextButton {...props} 
+ onClick={() => handleProfileChangeInputBarOpen()}
+ fontSize={24}
+ >
  {props.children}
  </TextButton>
  )}

diff --git a/src/components/Button/SettingButton/index.tsx b/src/components/Button/SettingButton/index.tsx
@@ -9,9 +9,8 @@ export default function SettingButton(props: SettingButtonProps) {
  width={40} 
  height={40} 
  background={SettingButtonImg} 
- margin={"0 0 0 0"}
  {...props}
- position={"fixed"}
+ position={"absolute"}
  top={20}
  right={20}
  zIndex={100}

diff --git a/src/components/FavoritePlace/AddFavoritePlaceMap/style.ts b/src/components/FavoritePlace/AddFavoritePlaceMap/style.ts
@@ -8,5 +8,5 @@ export const Container = styled.div`
  transform: translateX(-48%);
  width: 350px;
  z-index: 1;
- bottom: 90px;
+ bottom: 110px;
 `;
diff --git a/src/pages/MyPage/index.tsx b/src/pages/MyPage/index.tsx
@@ -36,7 +36,7 @@ export default function MyPage() {
  }
 
  const handleToggleMapVisibility = () => {
- if (userInfo?.data?.infos?.locations?.length >= 5) {
+ if (userInfo.data.infos.locations.length >= 5) {
  openModal();
  setAlertModal({
  isOpen: true,
@@ -55,9 +55,9 @@ export default function MyPage() {
  {!showMap ? (
  <>
  <SettingButton onClick={() => handleNavigateToSetting()} />
- <Styled.ProfileImage src={userInfo?.data?.infos?.profile_image} />
+ <Styled.ProfileImage src={userInfo.data.infos.profile_image} />
  <ProfileNameButton onClick={() => handleChangeProfileName()}>
- {`${userInfo?.data?.infos?.nickname} 🖊️`}
+ {`${userInfo.data.infos.nickname} 🖊️`}
  </ProfileNameButton>
  <Styled.Line />
  <TextButton onClick={() => handleToggleMapVisibility()}>

diff --git a/src/pages/MyPage/style.ts b/src/pages/MyPage/style.ts
@@ -12,7 +12,8 @@ export const ProfileImage = styled.img`
 `;
 
 export const Line = styled.div`
- width: 340px;
+ width: 100vw;
+ max-width: 430px;
  height: 2.5px;
  background-color: ${theme.colors.darkBrown};
  position: relative;