Skip to content

Commit 951089f

Browse files
style: LobbyPage 스타일 수정 및 레이아웃 개선 (#1122)
- LobbyPage에 `overflow-y: auto`, `padding-bottom: 4rem` 추가 - Wrapper의 `position`을 `sticky`로 변경 - Wrapper의 `left`, `right` 제거 및 `margin` 추가 - `z-index: 1` 추가로 레이아웃 안정화
1 parent 0bf4c2c commit 951089f

File tree

1 file changed

+5
-3
lines changed

1 file changed

+5
-3
lines changed

frontend/src/features/room/lobby/pages/LobbyPage.styled.ts

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,11 +5,13 @@ export const Container = styled.div`
55
display: flex;
66
flex-direction: column;
77
height: 100%;
8+
overflow-y: auto;
9+
padding-bottom: 4rem;
810
`;
911

1012
export const Wrapper = styled.div`
11-
position: absolute;
13+
position: sticky;
1214
bottom: 1rem;
13-
left: 2rem;
14-
right: 2rem;
15+
margin: 0 2rem;
16+
z-index: 1;
1517
`;

0 commit comments

Comments
 (0)