Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: 데스크탑 레이아웃 적용 #59

Merged
merged 8 commits into from
Nov 13, 2024
Merged

feat: 데스크탑 레이아웃 적용 #59

merged 8 commits into from
Nov 13, 2024

Conversation

young-do
Copy link
Collaborator

작업 내용

  • 기존 layout을 모바일 레이아웃으로 바꾸고, 데스크탑 레이아웃이 아닌 영역에 모두 적용
  • pomodoro(home-screen), mypage 페이지에 데스크탑 레이아웃 적용
    • 적용하면서 일부 수정
      • 시간 변경 모달을 fullscreen off
      • 마이페이지 디자인 가이드 맞춰 대응

체크리스트

  • Code Review 요청
  • Label 설정

@young-do young-do added the 🎨 Style 스타일링 label Nov 10, 2024
@young-do young-do self-assigned this Nov 10, 2024
Copy link
Member

@haryung-lee haryung-lee left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수고하셨습니다!!

Comment on lines 8 to 21
export type MobileLayoutProps = {
children: React.ReactNode;
};

export const MobileLayout = ({ children }: MobileLayoutProps) => {
return <div className="m-auto h-dvh max-w-md bg-background-primary">{children}</div>;
};

export type DesktopLayoutProps = {
title?: string;
children: React.ReactNode;
};

export const DesktopLayout = ({ title, children }: DesktopLayoutProps) => {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

MobileLayout, DesktopLayout 에서 큰 차이가 사이드바 여부인것 같은데,
SidebarLayout, SimpleLayout(or NoSidebarLayout?) 으로 네이밍하는건 어때?!

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

오 좋은 의견!!
기존 화면이 모바일향이고, 이번에 사이드바가 추가된 데스크탑향이여서 이런식으로 네이밍을 했는데
이 컨텍스트를 지운다면 사실 Sidebar or not 과 같은 형식의 네이밍이 좋은 것 같네!
그럼 SidebarLayout, SimpleLayout 이 형태로 반영할게~~

@young-do young-do merged commit a4bf244 into main Nov 13, 2024
@young-do young-do deleted the feature/sidebar branch November 13, 2024 12:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🎨 Style 스타일링
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants