fsolla/teqo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style(plans S6): prettier no rascunho UI
All checks were successful
Agent PR Ready + auto-merge / ready-automerge (pull_request) Has been skipped
Details
CI (PR) / plans-only-closes (pull_request) Successful in 7s
Details
Main merge flips claimed issues to done + in-prod / issue-done (pull_request) Successful in 14s
Details
CI (PR) / typecheck (pull_request) Has been skipped
Details
CI (PR) / checks (pull_request) Successful in 2s
Details
CI (PR) / format (pull_request) Successful in 52s
Details
CI (PR) / knip (pull_request) Has been skipped
Details
CI (PR) / int (pull_request) Has been skipped
Details
CI (PR) / build (pull_request) Has been skipped
Details
Promote plan-issue Related on main merge / plan-issue-ready (pull_request) Successful in 11s
Details
CI (PR) / cycles (pull_request) Has been skipped
Details
CI (PR) / e2e (1) (pull_request) Has been skipped
Details
CI (PR) / docs-guards (pull_request) Successful in 9s
Details
Agent pool supervisor / tick (pull_request) Successful in 37s
Details
CI (PR) / scope (pull_request) Successful in 33s
Details
CI (PR) / lint (pull_request) Successful in 43s
Details
CI (PR) / unit (pull_request) Has been skipped
Details
CI (PR) / e2e (2) (pull_request) Has been skipped
Details

Browse source
This commit is contained in:
Francisco Solla 2026-08-18 07:55:50 -03:00
parent a114277a83
commit 67f32b5602
1 changed files with 28 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
docs/plans/home-campanha-sem-carrossel-desktop-ui-draft.html
View file

@ -134,7 +134,9 @@
</p>
</div>
<div class="rounded-[10px] bg-white p-4">
<h3 class="text-sm leading-snug font-bold">Salário mínimo forte, emprego e moradia</h3>
<h3 class="text-sm leading-snug font-bold">
Salário mínimo forte, emprego e moradia
</h3>
<p class="mt-1.5 text-xs leading-relaxed text-zinc-500">
Valorização do mínimo, Bolsa Família, Minha Casa Minha Vida e agricultura familiar
como motor…
@ -152,7 +154,10 @@
</section>
<!-- ============ CENA: mobile (referência — carrossel mantido) ============ -->
<section data-shot="mobile" class="mt-8 w-[390px] rounded-2xl bg-zinc-900 p-8 text-white shadow-xl">
<section
data-shot="mobile"
class="mt-8 w-[390px] rounded-2xl bg-zinc-900 p-8 text-white shadow-xl"
>
<p class="mb-6 text-center text-[11px] font-bold tracking-widest text-zinc-500 uppercase">
Mobile ~390px — carrossel atual preservado (referência)
</p>
@ -210,22 +215,34 @@
</p>
<!-- chips -->
<div class="mt-4 flex gap-1.5 overflow-hidden" aria-hidden="true">
<span class="rounded-full bg-zinc-800 px-3 py-1.5 text-[10px] font-bold text-white uppercase">
<span
class="rounded-full bg-zinc-800 px-3 py-1.5 text-[10px] font-bold text-white uppercase"
>
Saúde
</span>
<span class="rounded-full bg-zinc-300 px-3 py-1.5 text-[10px] font-bold text-zinc-500 uppercase">
<span
class="rounded-full bg-zinc-300 px-3 py-1.5 text-[10px] font-bold text-zinc-500 uppercase"
>
Educação
</span>
<span class="rounded-full bg-zinc-300 px-3 py-1.5 text-[10px] font-bold text-zinc-500 uppercase">
<span
class="rounded-full bg-zinc-300 px-3 py-1.5 text-[10px] font-bold text-zinc-500 uppercase"
>
Renda
</span>
<span class="rounded-full bg-zinc-300 px-3 py-1.5 text-[10px] font-bold text-zinc-500 uppercase">
<span
class="rounded-full bg-zinc-300 px-3 py-1.5 text-[10px] font-bold text-zinc-500 uppercase"
>
Democracia
</span>
<span class="rounded-full bg-zinc-300 px-3 py-1.5 text-[10px] font-bold text-zinc-500 uppercase">
<span
class="rounded-full bg-zinc-300 px-3 py-1.5 text-[10px] font-bold text-zinc-500 uppercase"
>
Bahia
</span>
<span class="rounded-full bg-zinc-300 px-3 py-1.5 text-[10px] font-bold text-zinc-500 uppercase">
<span
class="rounded-full bg-zinc-300 px-3 py-1.5 text-[10px] font-bold text-zinc-500 uppercase"
>
Trabalho
</span>
</div>
@ -236,7 +253,9 @@
agentes pagos, concursos públicos, vacinação e ciência.
</p>
</div>
<p class="mt-2 text-center text-[10px] text-zinc-500">1 de 6 · deslize para ver as próximas</p>
<p class="mt-2 text-center text-[10px] text-zinc-500">
1 de 6 · deslize para ver as próximas
</p>
</div>
</section>
</main>