fix(bottle): profile edit page layout

Nexters · Oct 6, 2024 · d954ca7 · d954ca7
1 parent f2e0c48
commit d954ca7
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 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({