[feat]: global layout

[kimyouknow]

작업 내용

global layout 용 css 개발

• [지난 기수 후기] 처럼 페이지 width 전체를 사용해야하는 컴포넌트도 있어서 페이지에 commonLayoutCss를 주기보다 컴포넌트마다 주는 게 좋을 것 같아요

스크린샷

사용 방법

아래처럼 필요한 컴포넌트 마다 override해서 사용하시면 돼요!

const layoutCss = css`
  ${commonLayoutCss}
  display: flex;
  flex-direction: column;
  align-items: center;
`;

레퍼런스

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
www-depromeet-com	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 17, 2023 8:59am

[github-actions]

Bundle Sizes

Compared against d4bc7f9

Route	Size (gzipped)	Diff
/	72.18 KB	-10.08 KB
/404	71.89 KB	-4.91 KB
/_app	114.81 KB	-16.1 KB
/about	72.2 KB	-12.73 KB
/project	72.2 KB	-22.66 KB
/recruit	72.2 KB	-13.04 KB
/contact	no change	removed
/project/[projectTitle]	no change	removed
/recruit/[position]	no change	removed

Dynamic import	Size (gzipped)	Diff
../components/project-detail/OtherProjectSection.tsx -> ../project/ProjectItem/ProjectItem	no change	removed

[github-actions]

🚀storybook: https://650537b463234bd00676edec-aldofajtmh.chromatic.com/

[sumi-0011]

좋습니다 👍🏻