Skip to content

[FE] 입장 준비 화면 UI 구현 #168

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.

Sign up for GitHub

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

Merged
chamny20 merged 15 commits into from
Jan 8, 2026
Merged

[FE] 입장 준비 화면 UI 구현 #168

Changes from 1 commit
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
749b946
🎨 Style: 버튼 스타일 일부 수정
chamny20 Jan 6, 2026
2366f2b
📍 Feat: 미팅룸 상위 페이지 조건부 렌더링 구현
chamny20 Jan 6, 2026
c7570bf
📍 Feat: 미디어 프리뷰에 관한 훅 구현
chamny20 Jan 6, 2026
4231f50
📍 Feat: 화상통화에 필요한 비디오뷰 컴포넌트 구현
chamny20 Jan 6, 2026
d14855d
🎨 Style: 미팅로비 UI 구현
chamny20 Jan 6, 2026
8f32a67
🎨 Style: button disabled 스타일 전역 추가
chamny20 Jan 7, 2026
89228d6
📍 Feat: 미디어 장치 불러오는 훅 구현
chamny20 Jan 7, 2026
32f8cf2
📍 Feat: 미디어 기기 드롭다운 컴포넌트 구현
chamny20 Jan 7, 2026
d5a586d
🌈 Update: 기기 페칭으로 인한 스트림 갱신 로직 추가
chamny20 Jan 7, 2026
97578f3
📍 Feat: 미디어 스트림 오디오 스트림과 비디오 스트림으로 분리로직 추가
chamny20 Jan 7, 2026
f10278e
🎨 Style: 스타일 수정 및 피드백 적용
chamny20 Jan 8, 2026
bde2886
🌈 Update: 불필요한 주석 제거
chamny20 Jan 8, 2026
6550561
🤖 Refactor: 비디오 및 오디오 토글 로직 개선
chamny20 Jan 8, 2026
14339f7
Merge branch 'dev' into feature/#122/intro-room
chamny20 Jan 8, 2026
9676a9c
🔧 Rename: 하나의 페이지 통일로 인한 MeetingRoom으로 컴포넌트 내용 이동
chamny20 Jan 8, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions frontend/src/components/common/button/Button.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const style: {
} = {
base: 'inline-flex items-center justify-center box-border select-none m-0 p-0 w-fit h-fit cursor-pointer disabled:cursor-default',
size: {
sm: 'h-full max-h-[50px] px-3 py-[6px] text-sm font-bold',
sm: 'h-full h-auto px-3 py-[6px] text-sm font-bold',
Copy link
Collaborator

@seorang42 seorang42 Jan 8, 2026

Choose a reason for hiding this comment

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

px-[6px]로 작성하면 혹시 VSCODE에서

The class `px-[6px]` can be written as `px-1.5`(suggestCanonicalClasses)

이런 Warning 밑줄 안생기나요??

저도 저렇게 했었다가 최근 Tailwind에선 저렇게 경고가 생겨서 .5나 .25 등의 기능을 사용하는 편이라 질문 드려요!

Copy link
Collaborator Author

@chamny20 chamny20 Jan 8, 2026

Choose a reason for hiding this comment

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

className에서 쓸 땐 warning이 뜨는데 style 정의로 작성했다보니 안 뜬 것 같아요! 놓친 부분이었는데 감사합니다~

lg: 'w-full h-full max-h-[52px] py-4 px-2 text-base font-bold',
},
shape: {
Expand All @@ -20,7 +20,7 @@ const style: {
},
color: {
active: 'text-white', // TODO: 버튼 호버 시 활성화되는 스타일
primary: 'bg-sky-600 text-white', // sky
primary: 'bg-sky-600 text-white hover:bg-sky-700', // sky
secondary: 'bg-sky-700 text-white', // dark-sky
outlinePrimary: 'bg-white border border-sky-600 text-sky-600',
disabled: 'bg-neutral-500 text-white', // ex. 취소 버튼
Expand Down