Correão do layout inicial

This commit is contained in:
2026-07-03 15:06:19 -03:00
parent 65e926196e
commit cdb4d45336
2 changed files with 4 additions and 4 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

View File

@@ -21,21 +21,21 @@
largura fixa que não ocupa a linha toda; os que couberem ficam lado a lado largura fixa que não ocupa a linha toda; os que couberem ficam lado a lado
e o restante quebra para a linha de baixo. %> e o restante quebra para a linha de baixo. %>
<div class="flex flex-wrap gap-3"> <div class="flex flex-wrap gap-3">
<div class="w-full sm:w-52 bg-[#1a1a1a] rounded-2xl border border-white/5 p-5"> <div class="w-full sm:w-[calc(50%-0.375rem)] lg:w-52 bg-[#1a1a1a] rounded-2xl border border-white/5 p-5">
<p class="text-gray-400 text-sm font-medium mb-1">Total de Entregas</p> <p class="text-gray-400 text-sm font-medium mb-1">Total de Entregas</p>
<p class="text-4xl font-black text-white leading-none"><%= metricas.total %></p> <p class="text-4xl font-black text-white leading-none"><%= metricas.total %></p>
</div> </div>
<div class="w-full sm:w-52 bg-[#1a1a1a] rounded-2xl border border-white/5 p-5"> <div class="w-full sm:w-[calc(50%-0.375rem)] lg:w-52 bg-[#1a1a1a] rounded-2xl border border-white/5 p-5">
<p class="text-gray-400 text-sm font-medium mb-1">Total de Sucesso</p> <p class="text-gray-400 text-sm font-medium mb-1">Total de Sucesso</p>
<p class="text-4xl font-black text-green-400 leading-none"><%= metricas.sucesso %></p> <p class="text-4xl font-black text-green-400 leading-none"><%= metricas.sucesso %></p>
<p class="text-xs text-gray-500 mt-2"><%= pct_total.(metricas.sucesso) %>% do total</p> <p class="text-xs text-gray-500 mt-2"><%= pct_total.(metricas.sucesso) %>% do total</p>
</div> </div>
<div class="w-full sm:w-52 bg-[#1a1a1a] rounded-2xl border border-white/5 p-5"> <div class="w-full sm:w-[calc(50%-0.375rem)] lg:w-52 bg-[#1a1a1a] rounded-2xl border border-white/5 p-5">
<p class="text-gray-400 text-sm font-medium mb-1">Total de Recusas</p> <p class="text-gray-400 text-sm font-medium mb-1">Total de Recusas</p>
<p class="text-4xl font-black text-blue-500 leading-none"><%= metricas.recusas %></p> <p class="text-4xl font-black text-blue-500 leading-none"><%= metricas.recusas %></p>
<p class="text-xs text-gray-500 mt-2"><%= pct_total.(metricas.recusas) %>% do total</p> <p class="text-xs text-gray-500 mt-2"><%= pct_total.(metricas.recusas) %>% do total</p>
</div> </div>
<div class="w-full sm:w-52 bg-[#1a1a1a] rounded-2xl border border-white/5 p-5"> <div class="w-full sm:w-[calc(50%-0.375rem)] lg:w-52 bg-[#1a1a1a] rounded-2xl border border-white/5 p-5">
<p class="text-gray-400 text-sm font-medium mb-1">Entregas Pendentes</p> <p class="text-gray-400 text-sm font-medium mb-1">Entregas Pendentes</p>
<p class="text-4xl font-black text-yellow-400 leading-none"><%= metricas.pendentes %></p> <p class="text-4xl font-black text-yellow-400 leading-none"><%= metricas.pendentes %></p>
<p class="text-xs text-gray-500 mt-2"><%= pct_total.(metricas.pendentes) %>% do total</p> <p class="text-xs text-gray-500 mt-2"><%= pct_total.(metricas.pendentes) %>% do total</p>