このトピックの問題を解決します
再ビルド更新後、ホームページのフォントが小さくなった - 貢献 / ユーザーエクスペリエンス - 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; /* 全体の行間 */
}