fsolla/teqo-backup
1
0
Fork 0
mirror of https://github.com/fsolla/teqo.git synced 2026-11-13 23:45:18 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

style(plans S6): prettier no rascunho UI

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>