fix(bottle); profile edit layout (#72)

* fix(bottle): profile edit page layout * fix(bottle): 취준생.무직 -> 취준생
Nexters · Oct 6, 2024 · 9a87e94 · 9a87e94
1 parent f2e0c48
commit 9a87e94
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git 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
@@ -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
@@ -1,2 +1,2 @@
-export const jobList = ['대학생 · 대학원생', '직장인', '프리랜서', '자영업', '취준생 · 무직'] as const;
+export const jobList = ['대학생 · 대학원생', '직장인', '프리랜서', '자영업', '취준생'] as const;
 export type Job = (typeof jobList)[number];