fix(ui): hero da home limpo + controles da sidebar no topo - #127
Merged
Merged
Conversation
O botão Copy page (embutido do Nextra) flutua no topo-direito do conteúdo e deixava o hero deslocado quando o layout é full. Desligado só na home via `theme.copyPage: false` no frontmatter de content/index.mdx — o hero passa a ocupar a largura toda. Páginas internas mantêm o botão (copiar-markdown é útil nos docs). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Os controles (theme switch + collapse) ficavam no rodapé da sidebar (.nextra-sidebar-footer, sticky bottom). Movidos para o topo via CSS: order -1 (vira o 1º item flex), sticky no topo e borda invertida (separador embaixo). Sem tocar na lógica do Nextra — só posição. Funciona em light/dark e colapsada. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
nevitonsantana
changed the title
Adiciona text-balance (text-wrap: balance) no h1 do hero. Antes 'do' ficava órfão no fim da 1ª linha e a última linha tinha só uma palavra; agora as 3 linhas ficam equilibradas (A linguagem visual / do Crisis Manager, / agora instalável). Responsivo, sem <br> manual. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
O chrome do Nextra (rodapé de controles da sidebar, navbar, busca) usava --nextra-bg default (#111 no dark, #fafafa no light), destoando do --background do Pulso (#0F0C1A / #FBFAF7). Definido --nextra-bg = --background nos dois temas (formato R,G,B). !important porque o build coloca o globals.css antes do bloco do Nextra na cascata. Validado: dark --nextra-bg 15,12,26 = #0F0C1A; light 251,250,247 = #FBFAF7; box dos controles e navbar deixam de destoar. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
…root.dark) O check de consistência de tokens falhou: --nextra-bg (chrome do Nextra) tinha entrado nos blocos :root/.dark canônicos, então (1) vazava para o artefato instalável pulso-tokens.css e (2) era exigido no showcase HTML standalone. Correção: - Move o override para :root:root (light) e :root.dark (dark) — specificity maior vence o default do Nextra sem !important, e build-tokens ignora esses seletores (lê só :root/.dark exatos), então o artefato não muda. - Allowlist de --nextra-bg no check-tokens (é chrome, não token de design). Validado local: check:tokens passa (0 fora do allowlist; tokens/ em dia) e o visual segue correto (dark --nextra-bg = 15,12,26 = --background). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Duas melhorias de UI no site de docs (Nextra 4), sem mexer na lógica do tema.
1. Home — esconde o botão "Copy page"
theme.copyPage: falseno frontmatter decontent/index.mdx. O botão flutua no topo-direito do conteúdo (float-end) e, comlayout: full, deixava o hero deslocado. Agora o hero ocupa a largura toda.2. Sidebar — troca de tema + colapsar movidos para o TOPO
Por padrão esses controles ficam no rodapé (
.nextra-sidebar-footer, sticky bottom). Movidos para o topo via CSS emsrc/app/globals.css:order: -1(1º item flex), sticky no topo e borda invertida (separador embaixo). Só posição — nenhuma mudança de lógica.Validação (dev local, Nextra 4)
copyButtonOnHome: false, hero full-width (light e dark).order: -1, footer acima do nav) em light, dark e estado colapsado; dropdown de tema abre normal.🤖 Generated with Claude Code