<head>
<style>
/* 기존 노션 스타일 유지 */
.page_cover, .width.padding:first-of-type {
display: none !important;
}
:root .padding {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* 연속된 이미지만 타겟팅하는 선택자 */
/* 이미지가 연속될 때만 공백 제거 */
.notion-image-block img + img,
img + img,
img:not(:only-child) {
margin-left: 0 !important;
margin-right: 0 !important;
display: inline-block !important;
vertical-align: bottom !important;
}
/* 이미지 컨테이너 스타일링 - 주의: 이미지만 있는 컨테이너만 타겟팅 */
.notion-image-block:has(> img),
.notion-image-block:has(> figure > img),
div:has(> img:only-child),
figure:has(> img:only-child) {
display: flex !important;
flex-wrap: wrap !important;
gap: 0 !important;
}
/* 연속된 이미지 블록 간 간격 제거 */
.notion-image-block + .notion-image-block {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* 갤러리나 연속된 이미지를 위한 추가 스타일 */
.notion-collection-gallery {
gap: 0 !important;
}
/* 임베드 요소 보존 */
.notion-embed-block,
.notion-bookmark-block,
.notion-link-block {
display: block !important;
font-size: initial !important;
line-height: initial !important;
margin: 8px 0 !important; /* 임베드 요소 마진 보존 */
}
</style>
</head>
HTML
복사
