문제
- v-bottom-navigation 하위에 v-list-item 으로 메뉴 생성 시 메뉴 간의 간격 발생
원인
- padding 값이 존재하여 item 사이의 간격 발생
해결
- important를 붙여주어서 padding 값을 0 으로 변경
<style>
.bottom-nav-list {
padding: 0 !important
}
</style>
'Vue > 문제 해결' 카테고리의 다른 글
[Vue] 화면 정중앙에 요소를 추가하는 방법 (0) | 2024.09.06 |
---|---|
[Vue/Vuetify] v-chip-group 선택할 수 있는 최대 개수 설정 방법 (0) | 2024.09.06 |
[Vue] Hydration Mismatch (0) | 2024.09.06 |
[Vue/CSS] div 자동 줄바꿈 (0) | 2024.09.06 |
[Vue] 변경된 값이 페이지에서 동일하게 표시되지 않는 현상 (1) | 2024.09.06 |