로그인이 되지 않았을때는 채팅방을 선택할수 없도록 하려고 한다.
grid의 설정을 auto 1fr로 해주고
content div는 100vw 로 넓이를 설정해 주어서
menu 요소가 없을때는 전체 남은 화면 전체를
사용할수 있도록 설정
menu 요소가 있을때
menu 요소가 없을때
content 요소가 menu 요소의 공간을 차지했다.
'web > css' 카테고리의 다른 글
| grid를 viewport 전체에서 사용하기 (0) | 2025.12.14 |
|---|---|
| 부모컴포넌트와 viewport (0) | 2025.12.13 |
| chatbot - 4 (backdrop) (0) | 2025.12.12 |
| chatbot - 3 (ui, header) (0) | 2025.12.12 |
| chatbot - 1 (ui) (0) | 2025.12.12 |
