From 9a87e948bf8aad8d7ce3d8efb0b7ef67ffdad5b9 Mon Sep 17 00:00:00 2001
From: Hwang Taehwan <107744534+stakbucks@users.noreply.github.com>
Date: Sun, 6 Oct 2024 15:22:57 +0900
Subject: [PATCH] fix(bottle); profile edit layout (#72)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix(bottle): profile edit page layout

* fix(bottle): 취준생.무직 -> 취준생
---
 apps/bottle/src/app/profile/edit/ProfileArea.tsx         | 4 ++--
 apps/bottle/src/app/profile/edit/profileEditStyle.css.ts | 7 +++++++
 apps/bottle/src/models/profile/job.ts                    | 2 +-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/apps/bottle/src/app/profile/edit/ProfileArea.tsx b/apps/bottle/src/app/profile/edit/ProfileArea.tsx
index 9557845..56205bc 100644
--- a/apps/bottle/src/app/profile/edit/ProfileArea.tsx
+++ b/apps/bottle/src/app/profile/edit/ProfileArea.tsx
@@ -5,7 +5,7 @@ import { useCurrentUserProfileQuery } from '@/store/query/useCurrentUserProfileQ
 import { Asset, Paragraph, spacings } from '@bottlesteam/ui';
 import Link from 'next/link';
 import { useMemo } from 'react';
-import { profileItemLeftStyle, profileItemStyle } from './profileEditStyle.css';
+import { profileItemLeftStyle, profileItemStyle, profileSelectListStyle } from './profileEditStyle.css';
 
 export function ProfileArea() {
   const {
@@ -84,7 +84,7 @@ export function ProfileArea() {
 
   return (
     <Card asChild style={{ marginTop: spacings.sm, marginBottom: spacings.xl }}>
-      <ul>
+      <ul className={profileSelectListStyle}>
         {editProfileItems.map(({ title, description, endpoint }) => (
           <Link href={endpoint} key={title}>
             <li key={title} className={profileItemStyle} onClick={() => {}}>
diff --git a/apps/bottle/src/app/profile/edit/profileEditStyle.css.ts b/apps/bottle/src/app/profile/edit/profileEditStyle.css.ts
index 7e8a068..5026b25 100644
--- a/apps/bottle/src/app/profile/edit/profileEditStyle.css.ts
+++ b/apps/bottle/src/app/profile/edit/profileEditStyle.css.ts
@@ -31,6 +31,13 @@ export const introductionBoxStyle = style({
   color: colors.neutral900,
   backgroundColor: colors.purple100,
   ...typography.bo,
+  marginTop: spacings.xl,
+});
+
+export const profileSelectListStyle = style({
+  display: 'flex',
+  flexDirection: 'column',
+  gap: spacings.xl,
 });
 
 export const profileItemStyle = style({
diff --git a/apps/bottle/src/models/profile/job.ts b/apps/bottle/src/models/profile/job.ts
index 378572d..af1e789 100644
--- a/apps/bottle/src/models/profile/job.ts
+++ b/apps/bottle/src/models/profile/job.ts
@@ -1,2 +1,2 @@
-export const jobList = ['대학생 · 대학원생', '직장인', '프리랜서', '자영업', '취준생 · 무직'] as const;
+export const jobList = ['대학생 · 대학원생', '직장인', '프리랜서', '자영업', '취준생'] as const;
 export type Job = (typeof jobList)[number];