Otimize a exibição da página inicial do tema Foundation

[sniper756]

Resolver o problema deste tópico

Após a atualização de rebuild agora, a fonte da página inicial ficou muito pequena - Contribuição / Experiência do Usuário - Discourse Meta

Otimizar a exibição da página inicial com componentes personalizados:

Antes da otimização:

Após a otimização:

Código CSS do componente personalizado:

/* ========== Garantir que as margens superior e inferior das linhas de categoria sejam consistentes ========== */
.category-list tbody tr td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* ========== Tamanho da fonte geral do cabeçalho da tabela "Categoria, Tópicos, Recente" ========== */
.category-list-header {
  font-size: 1.2rem !important;
}


/* Tamanho da fonte da categoria principal */
.category-list .category-name .badge-category__name {
  font-size: 1rem !important;
}

/* Tamanho da fonte da subcategoria */
.category-list .subcategory {
  font-size: 0.98rem !important;
}

/* Aumentar o espaçamento à direita do cabeçalho "Tópicos" */
.category-list-header .topics.topic-list-data.num {
  padding-right: 50px !important;
}

/* Aumentar o espaçamento à direita da coluna de dados "1 / Semana" */
td.topics.topic-list-data.num {
  padding-right: 50px !important;
}

/* ========== Controle do tamanho da fonte dos números de postagens ========== */
.topics .value {
  font-size: 1.5rem !important;
  font-weight: 600 !important;
}

/* ========== Controle do tamanho da fonte da unidade "Semana" ========== */
.topics .unit {
  font-size: 1rem !important;
}

/* ========== Ajuste do tamanho da fonte dos tópicos em destaque à direita ========== */

/* Título do tópico em destaque */
.featured-topic .title {
  font-size: 0.97rem !important;
  font-weight: 500 !important;
}

/* Data de publicação (como "30 dias") */
.featured-topic .last-posted-at,
.featured-topic .relative-date {
  font-size: 0.9rem !important;
}

/* Ícones de status do tópico */
.featured-topic .topic-statuses {
  font-size: 0.97rem !important;
}

/* Espaçamento entre blocos individuais de tópicos em destaque */
.featured-topic {
  margin-bottom: 2px !important;     /* Espaçamento entre tópicos */
  padding: 5px 0 !important;          /* Espaçamento interno superior e inferior */
  line-height: 1 !important;        /* Altura da linha geral */
}