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

style(S11): prettier no rascunho UI do plano

Browse source
This commit is contained in:
Francisco Solla 2026-08-19 20:48:46 -03:00 committed by github-actions[bot]
parent 851ac3941b
commit 3ea16243ca
1 changed files with 69 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

92
docs/plans/feed-instagram-nao-aparece-home-ui-draft.html
View file

@ -47,27 +47,39 @@
<strong>Correção:</strong> gere um token de longa duração pelo Instagram Login <strong>Correção:</strong> gere um token de longa duração pelo Instagram Login
(conta Business/Creator vinculada à página) e atualize o campo abaixo. (conta Business/Creator vinculada à página) e atualize o campo abaixo.
</p> </p>
<button class="mt-3 rounded-md bg-red-600 px-3 py-1.5 text-sm font-semibold text-white"> <button
class="mt-3 rounded-md bg-red-600 px-3 py-1.5 text-sm font-semibold text-white"
>
Tentar sincronizar de novo Tentar sincronizar de novo
</button> </button>
</div> </div>
<div class="mt-6 grid max-w-2xl grid-cols-1 gap-4"> <div class="mt-6 grid max-w-2xl grid-cols-1 gap-4">
<div> <div>
<label class="text-xs font-semibold text-zinc-700">Token de acesso (Instagram Graph API)</label> <label class="text-xs font-semibold text-zinc-700"
<div class="mt-1 rounded-md border border-zinc-400 bg-white px-3 py-2 text-sm text-zinc-700"> >Token de acesso (Instagram Graph API)</label
>
<div
class="mt-1 rounded-md border border-zinc-400 bg-white px-3 py-2 text-sm text-zinc-700"
>
IGAA...abc123 IGAA...abc123
</div> </div>
</div> </div>
<div> <div>
<label class="text-xs font-semibold text-zinc-700">ID do usuário (conta Business/Creator)</label> <label class="text-xs font-semibold text-zinc-700"
<div class="mt-1 rounded-md border border-zinc-400 bg-white px-3 py-2 text-sm text-zinc-700"> >ID do usuário (conta Business/Creator)</label
>
<div
class="mt-1 rounded-md border border-zinc-400 bg-white px-3 py-2 text-sm text-zinc-700"
>
17841400000000000 17841400000000000
</div> </div>
</div> </div>
<div> <div>
<label class="text-xs font-semibold text-zinc-700">Máximo de posts</label> <label class="text-xs font-semibold text-zinc-700">Máximo de posts</label>
<div class="mt-1 w-24 rounded-md border border-zinc-400 bg-white px-3 py-2 text-sm text-zinc-700"> <div
class="mt-1 w-24 rounded-md border border-zinc-400 bg-white px-3 py-2 text-sm text-zinc-700"
>
3 3
</div> </div>
</div> </div>
@ -82,7 +94,9 @@
</div> </div>
<div class="mt-6 flex items-center justify-end gap-2 border-t border-zinc-300 pt-4"> <div class="mt-6 flex items-center justify-end gap-2 border-t border-zinc-300 pt-4">
<button class="rounded-md border border-zinc-400 bg-white px-4 py-1.5 text-sm font-semibold text-zinc-700"> <button
class="rounded-md border border-zinc-400 bg-white px-4 py-1.5 text-sm font-semibold text-zinc-700"
>
Cancelar Cancelar
</button> </button>
<button class="rounded-md bg-red-600 px-4 py-1.5 text-sm font-semibold text-white"> <button class="rounded-md bg-red-600 px-4 py-1.5 text-sm font-semibold text-white">
@ -122,20 +136,30 @@
<div class="mt-6 grid max-w-2xl grid-cols-1 gap-4"> <div class="mt-6 grid max-w-2xl grid-cols-1 gap-4">
<div> <div>
<label class="text-xs font-semibold text-zinc-700">Token de acesso (Instagram Graph API)</label> <label class="text-xs font-semibold text-zinc-700"
<div class="mt-1 rounded-md border border-zinc-400 bg-white px-3 py-2 text-sm text-zinc-700"> >Token de acesso (Instagram Graph API)</label
>
<div
class="mt-1 rounded-md border border-zinc-400 bg-white px-3 py-2 text-sm text-zinc-700"
>
IGAA...abc123 IGAA...abc123
</div> </div>
</div> </div>
<div> <div>
<label class="text-xs font-semibold text-zinc-700">ID do usuário (conta Business/Creator)</label> <label class="text-xs font-semibold text-zinc-700"
<div class="mt-1 rounded-md border border-zinc-400 bg-white px-3 py-2 text-sm text-zinc-700"> >ID do usuário (conta Business/Creator)</label
>
<div
class="mt-1 rounded-md border border-zinc-400 bg-white px-3 py-2 text-sm text-zinc-700"
>
17841400000000000 17841400000000000
</div> </div>
</div> </div>
<div> <div>
<label class="text-xs font-semibold text-zinc-700">Máximo de posts</label> <label class="text-xs font-semibold text-zinc-700">Máximo de posts</label>
<div class="mt-1 w-24 rounded-md border border-zinc-400 bg-white px-3 py-2 text-sm text-zinc-700"> <div
class="mt-1 w-24 rounded-md border border-zinc-400 bg-white px-3 py-2 text-sm text-zinc-700"
>
3 3
</div> </div>
</div> </div>
@ -154,7 +178,9 @@
<span class="block truncate text-sm font-medium text-zinc-800"> <span class="block truncate text-sm font-medium text-zinc-800">
Caravana pelo interior: chegada em Vitória da Conquista Caravana pelo interior: chegada em Vitória da Conquista
</span> </span>
<span class="block text-xs text-zinc-500">há 2 h · ID 17841400000000000_001</span> <span class="block text-xs text-zinc-500"
>há 2 h · ID 17841400000000000_001</span
>
</span> </span>
<span class="rounded bg-zinc-200 px-2 py-1 text-xs font-semibold text-zinc-700"> <span class="rounded bg-zinc-200 px-2 py-1 text-xs font-semibold text-zinc-700">
Exibir Exibir
@ -166,7 +192,9 @@
<span class="block truncate text-sm font-medium text-zinc-800"> <span class="block truncate text-sm font-medium text-zinc-800">
Foto do plenário: votação da pauta da saúde Foto do plenário: votação da pauta da saúde
</span> </span>
<span class="block text-xs text-zinc-500">ontem · ID 17841400000000000_002</span> <span class="block text-xs text-zinc-500"
>ontem · ID 17841400000000000_002</span
>
</span> </span>
<span class="rounded bg-zinc-200 px-2 py-1 text-xs font-semibold text-zinc-700"> <span class="rounded bg-zinc-200 px-2 py-1 text-xs font-semibold text-zinc-700">
Exibir Exibir
@ -178,7 +206,9 @@
<span class="block truncate text-sm font-medium text-zinc-800"> <span class="block truncate text-sm font-medium text-zinc-800">
Post de grade (sem legenda) — para marcar "Não exibir" Post de grade (sem legenda) — para marcar "Não exibir"
</span> </span>
<span class="block text-xs text-zinc-500">ontem · ID 17841400000000000_003</span> <span class="block text-xs text-zinc-500"
>ontem · ID 17841400000000000_003</span
>
</span> </span>
<span class="rounded bg-red-100 px-2 py-1 text-xs font-semibold text-red-700"> <span class="rounded bg-red-100 px-2 py-1 text-xs font-semibold text-red-700">
Não exibir Não exibir
@ -190,7 +220,9 @@
<span class="block truncate text-sm font-medium text-zinc-800"> <span class="block truncate text-sm font-medium text-zinc-800">
Agenda da semana: agendas abertas em Salvador Agenda da semana: agendas abertas em Salvador
</span> </span>
<span class="block text-xs text-zinc-500">há 2 dias · ID 17841400000000000_004</span> <span class="block text-xs text-zinc-500"
>há 2 dias · ID 17841400000000000_004</span
>
</span> </span>
<span class="rounded bg-zinc-200 px-2 py-1 text-xs font-semibold text-zinc-700"> <span class="rounded bg-zinc-200 px-2 py-1 text-xs font-semibold text-zinc-700">
Exibir Exibir
@ -200,7 +232,9 @@
</div> </div>
<div class="mt-6 flex items-center justify-end gap-2 border-t border-zinc-300 pt-4"> <div class="mt-6 flex items-center justify-end gap-2 border-t border-zinc-300 pt-4">
<button class="rounded-md border border-zinc-400 bg-white px-4 py-1.5 text-sm font-semibold text-zinc-700"> <button
class="rounded-md border border-zinc-400 bg-white px-4 py-1.5 text-sm font-semibold text-zinc-700"
>
Cancelar Cancelar
</button> </button>
<button class="rounded-md bg-red-600 px-4 py-1.5 text-sm font-semibold text-white"> <button class="rounded-md bg-red-600 px-4 py-1.5 text-sm font-semibold text-white">
@ -213,7 +247,9 @@
<!-- Cena: ainda não configurado (primeiro acesso) --> <!-- Cena: ainda não configurado (primeiro acesso) -->
<section data-shot="admin-nao-configurado" class="mt-12"> <section data-shot="admin-nao-configurado" class="mt-12">
<p class="mb-3 text-sm font-medium text-zinc-300">Cena 3 — sem token nem ID (primeiro acesso)</p> <p class="mb-3 text-sm font-medium text-zinc-300">
Cena 3 — sem token nem ID (primeiro acesso)
</p>
<div class="rounded-xl border border-zinc-700 bg-zinc-100 text-zinc-900"> <div class="rounded-xl border border-zinc-700 bg-zinc-100 text-zinc-900">
<div class="flex items-center justify-between border-b border-zinc-300 px-6 py-4"> <div class="flex items-center justify-between border-b border-zinc-300 px-6 py-4">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
@ -240,21 +276,31 @@
<div class="mt-6 grid max-w-2xl grid-cols-1 gap-4"> <div class="mt-6 grid max-w-2xl grid-cols-1 gap-4">
<div> <div>
<label class="text-xs font-semibold text-zinc-700">Token de acesso (Instagram Graph API)</label> <label class="text-xs font-semibold text-zinc-700"
<div class="mt-1 rounded-md border border-zinc-400 bg-white px-3 py-2 text-sm text-zinc-400"> >Token de acesso (Instagram Graph API)</label
>
<div
class="mt-1 rounded-md border border-zinc-400 bg-white px-3 py-2 text-sm text-zinc-400"
>
(vazio) (vazio)
</div> </div>
</div> </div>
<div> <div>
<label class="text-xs font-semibold text-zinc-700">ID do usuário (conta Business/Creator)</label> <label class="text-xs font-semibold text-zinc-700"
<div class="mt-1 rounded-md border border-zinc-400 bg-white px-3 py-2 text-sm text-zinc-400"> >ID do usuário (conta Business/Creator)</label
>
<div
class="mt-1 rounded-md border border-zinc-400 bg-white px-3 py-2 text-sm text-zinc-400"
>
(vazio) (vazio)
</div> </div>
</div> </div>
</div> </div>
<div class="mt-6 flex items-center justify-end gap-2 border-t border-zinc-300 pt-4"> <div class="mt-6 flex items-center justify-end gap-2 border-t border-zinc-300 pt-4">
<button class="rounded-md border border-zinc-400 bg-white px-4 py-1.5 text-sm font-semibold text-zinc-700"> <button
class="rounded-md border border-zinc-400 bg-white px-4 py-1.5 text-sm font-semibold text-zinc-700"
>
Cancelar Cancelar
</button> </button>
<button class="rounded-md bg-red-600 px-4 py-1.5 text-sm font-semibold text-white"> <button class="rounded-md bg-red-600 px-4 py-1.5 text-sm font-semibold text-white">