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

style(S8): prettier no rascunho UI

Browse source
This commit is contained in:
Francisco Solla 2026-08-19 15:53:51 -03:00 committed by fsolla
parent bf193edf0d
commit 484ed4a424
1 changed files with 21 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
docs/plans/secao-video-historia-home-ui-draft.html
View file

@ -28,8 +28,8 @@
Conheça a trajetória de Jorge Solla
</h2>
<p class="mt-3 text-sm leading-relaxed text-zinc-500">
A história de quem já fez saúde pública na Bahia e no Brasil, em um minuto e meio:
da gestão no SUS ao mandato na Câmara.
A história de quem já fez saúde pública na Bahia e no Brasil, em um minuto e meio: da
gestão no SUS ao mandato na Câmara.
</p>
<div class="mt-6 flex items-center gap-3">
<a href="#" class="text-sm font-bold text-red-700 underline-offset-4 hover:underline"
@ -41,8 +41,9 @@
<!-- frame vertical 9:16 (poster + play) -->
<div class="relative w-[300px] shrink-0">
<div class="relative aspect-[9/16] overflow-hidden rounded-2xl bg-zinc-300">
<div class="absolute right-2 bottom-2 rounded bg-zinc-900/80 px-1.5 py-0.5 text-[11px] font-bold text-white">
<div
class="absolute right-2 bottom-2 rounded bg-zinc-900/80 px-1.5 py-0.5 text-[11px] font-bold text-white"
>
1:40
</div>
</div>
@ -51,7 +52,9 @@
class="flex h-16 w-16 items-center justify-center rounded-full bg-zinc-900 shadow-lg"
aria-label="Reproduzir vídeo"
>
<span class="ml-1 h-0 w-0 border-y-8 border-l-[14px] border-y-transparent border-l-white" />
<span
class="ml-1 h-0 w-0 border-y-8 border-l-[14px] border-y-transparent border-l-white"
/>
</div>
</div>
</div>
@ -63,7 +66,9 @@
data-shot="mobile"
class="mt-8 w-[390px] overflow-hidden rounded-2xl bg-white p-6 text-zinc-900 shadow-xl"
>
<p class="text-xs font-extrabold tracking-[0.14em] text-red-700 uppercase">Nossa história</p>
<p class="text-xs font-extrabold tracking-[0.14em] text-red-700 uppercase">
Nossa história
</p>
<h2 class="mt-2 text-2xl font-extrabold tracking-tight text-zinc-900">
Conheça a trajetória de Jorge Solla
</h2>
@ -74,8 +79,9 @@
<!-- frame vertical 9:16 full-width -->
<div class="relative mt-5">
<div class="relative aspect-[9/16] overflow-hidden rounded-2xl bg-zinc-300">
<div class="absolute right-2 bottom-2 rounded bg-zinc-900/80 px-1.5 py-0.5 text-[11px] font-bold text-white">
<div
class="absolute right-2 bottom-2 rounded bg-zinc-900/80 px-1.5 py-0.5 text-[11px] font-bold text-white"
>
1:40
</div>
</div>
@ -84,7 +90,9 @@
class="flex h-14 w-14 items-center justify-center rounded-full bg-zinc-900 shadow-lg"
aria-label="Reproduzir vídeo"
>
<span class="ml-1 h-0 w-0 border-y-7 border-l-[12px] border-y-transparent border-l-white" />
<span
class="ml-1 h-0 w-0 border-y-7 border-l-[12px] border-y-transparent border-l-white"
/>
</div>
</div>
</div>
@ -103,11 +111,11 @@
Conheça a trajetória de Jorge Solla
</h2>
<div class="relative mt-5 w-[300px]">
<div class="relative aspect-[9/16] overflow-hidden rounded-2xl bg-zinc-300">
</div>
<div class="relative aspect-[9/16] overflow-hidden rounded-2xl bg-zinc-300"></div>
<!-- barra de controles nativa (representação) -->
<div class="absolute right-0 bottom-0 left-0 flex items-center gap-2 rounded-b-2xl bg-zinc-900/85 px-3 py-2">
<div
class="absolute right-0 bottom-0 left-0 flex items-center gap-2 rounded-b-2xl bg-zinc-900/85 px-3 py-2"
>
<span class="h-3 w-3 rounded bg-white/90" />
<span class="h-0.5 flex-1 rounded bg-zinc-600">
<span class="block h-0.5 w-1/3 rounded bg-white" />