diff --git a/app/frontend/src/pages/Profile/MyGroup/index.css.ts b/app/frontend/src/pages/Profile/MyGroup/index.css.ts index ee69d9733..32b5ba79e 100644 --- a/app/frontend/src/pages/Profile/MyGroup/index.css.ts +++ b/app/frontend/src/pages/Profile/MyGroup/index.css.ts @@ -2,6 +2,10 @@ import { style } from '@vanilla-extract/css'; import * as parentStyle from '../index.css'; +export const groupButton = style({ + width: '100%', +}); + export const groupButtons = style({ display: 'flex', gap: '1.2rem', diff --git a/app/frontend/src/pages/Profile/MyGroup/index.tsx b/app/frontend/src/pages/Profile/MyGroup/index.tsx index fdc9516c8..5281395ff 100644 --- a/app/frontend/src/pages/Profile/MyGroup/index.tsx +++ b/app/frontend/src/pages/Profile/MyGroup/index.tsx @@ -1,8 +1,8 @@ import { NavLink } from 'react-router-dom'; +import { Button } from '@morak/ui'; import { useQuery } from '@tanstack/react-query'; -import { ReactComponent as ArrowLeft } from '@/assets/icons/arrow_left.svg'; import { Error, Group, LoadingIndicator } from '@/components'; import { queryKeys } from '@/queries'; import { vars } from '@/styles'; @@ -40,16 +40,30 @@ export function MyGroup() { )} - - - 그룹 리스트 보기 - -
{/*
+
+ + + + + + +
); }