/* =========================================================
카테고리 제목 이미지 표시 최적화 (Category Heading Logo Fix)
Discourse 기본 aspect-ratio 제한을 해제하여 원본 비율로 표시
Fixes Discourse category heading logo aspect ratio limits
========================================================= */
/*
카테고리 제목 이미지의 비율 제한을 해제하여 이미지가 원래 크기로 표시되도록 합니다
Remove aspect ratio restriction so the image displays in its true size
*/
.category-heading__logo.aspect-image {
aspect-ratio: auto !important; /* 고정 가로세로 비율 제거 / Remove fixed aspect ratio */
width: auto !important; /* 자동 너비 / Auto width */
height: auto !important; /* 자동 높이 / Auto height */
display: inline-block !important; /* 인라인 블록 표시 / Inline-block display */
overflow: visible !important; /* 자르기 방지 / Prevent cropping */
}
/*
이미지가 원래 비율을 유지하도록 합니다
Ensure the image keeps its original aspect ratio
*/
.category-heading__logo img {
width: 250px !important; /* 원본 이미지 너비 (수정 가능) / Original image width (adjustable) */
height: 120px !important; /* 원본 이미지 높이 (수정 가능) / Original image height (adjustable) */
object-fit: contain !important; /* 자르지 않고 전체 비율 유지 / Maintain full ratio without cropping */
border-radius: 6px; /* 선택 사항: 둥근 모서리 효과 / Optional rounded corners */
box-shadow: 0 0 4px rgba(0,0,0,0.4); /* 선택 사항: 더 나은 시각적 깊이를 위한 그림자 효과 / Optional shadow for better visual depth */
}
