이 게시물의 문제를 해결합니다
방금 rebuild 업데이트 후, 홈페이지 글자가 매우 작아짐 - 기여 / 사용자 경험 - Discourse Meta
커스텀 컴포넌트를 사용하여 홈페이지 표시를 최적화했습니다:
최적화 전:
최적화 후:
커스텀 컴포넌트 CSS 코드:
/* ========== 카테고리 행의 상하 여백 일치시키기 ========== */
.category-list tbody tr td {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
/* ========== 헤더 "카테고리, 주제, 최신" 전체 글꼴 ========== */
.category-list-header {
font-size: 1.2rem !important;
}
/* 주요 카테고리 글꼴 크기 */
.category-list .category-name .badge-category__name {
font-size: 1rem !important;
}
/* 하위 카테고리 글꼴 크기 */
.category-list .subcategory {
font-size: 0.98rem !important;
}
/* 헤더 "주제" 오른쪽 여백 증가 */
.category-list-header .topics.topic-list-data.num {
padding-right: 50px !important;
}
/* 데이터 열 "1 / 주" 오른쪽 여백 증가 */
td.topics.topic-list-data.num {
padding-right: 50px !important;
}
/* ========== 게시글 숫자 글꼴 제어 ========== */
.topics .value {
font-size: 1.5rem !important;
font-weight: 600 !important;
}
/* ========== 단위 "주" 글꼴 제어 ========== */
.topics .unit {
font-size: 1rem !important;
}
/* ========== 오른쪽 강조된 주제 글꼴 조정 ========== */
/* 강조된 주제 제목 */
.featured-topic .title {
font-size: 0.97rem !important;
font-weight: 500 !important;
}
/* 게시 시간 (예: "30일") */
.featured-topic .last-posted-at,
.featured-topic .relative-date {
font-size: 0.9rem !important;
}
/* 주제 상태 아이콘 */
.featured-topic .topic-statuses {
font-size: 0.97rem !important;
}
/* 개별 강조된 주제 블록 간격 */
.featured-topic {
margin-bottom: 2px !important; /* 주제 사이 여백 */
padding: 5px 0 !important; /* 상하 내부 여백 */
line-height: 1 !important; /* 전체 줄 간격 */
}