#39 feat: 완료 모달

src/shared/component/createWorkSpace/complete/WorkSpaceComplete.style.ts

@@ -10,5 +10,10 @@ export const sectionStyle = css({
 });
 
 export const backgroundStyle = css({
-  backgroundColor: theme.colors.gray_100,
+  width: '50.9rem',
+  height: '40rem',
+
+  marginTop: '2.4rem',
+
+  backgroundColor: theme.colors.gray_200,
 });

src/shared/component/createWorkSpace/info/WorkSpaceInfo.tsx

@@ -12,7 +12,7 @@ interface WorkSapceInfoProps {
 const WorkSapceInfo = ({ step, title, info }: WorkSapceInfoProps) => {
   return (
     <section css={sectionStyle}>
-      <Heading tag="H6" css={{ fontWeight: 500 }}>{`${step}/3`}</Heading>
+      {step !== undefined && <Heading tag="H6" css={{ fontWeight: 500 }}>{`${step}/3`}</Heading>}
       <Heading css={headingStyle} tag="H5">
         {title}
       </Heading>

src/story/page/modal/WorkSpaceComplete.stories.tsx

@@ -0,0 +1,16 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import WorkSpaceComplete from '@/shared/component/createWorkSpace/complete/WorkSpaceComplete';
+
+const meta = {
+  title: 'page/Modal/WorkSpace',
+  component: WorkSpaceComplete,
+
+  args: {},
+  argTypes: {},
+} satisfies Meta<typeof WorkSpaceComplete>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Complete: Story = {};