Update layout and styling in +page.svelte: Replace hidden div with a flex container for improved visibility of the OUVIDORIA link, and adjust the SESP-PE span to be conditionally displayed on larger screens.

This commit is contained in:
2026-01-08 11:45:20 -03:00
parent 91925a9dea
commit 4d0b4d6ead
2 changed files with 85 additions and 2 deletions

View File

@@ -34,9 +34,16 @@
</div>
</div>
<div class="hidden items-center gap-3 sm:flex">
<div class="flex items-center gap-3">
<a
href="/ouvidoria"
class="inline-flex items-center rounded-lg bg-white/80 px-3 py-2 text-xs font-extrabold tracking-wide text-(--text-strong) ring-1 ring-black/10 transition hover:bg-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--focus-ring)"
>
OUVIDORIA
</a>
<span
class="rounded-lg bg-(--surface-muted) px-3 py-1 text-xs font-semibold text-(--text-muted) ring-1 ring-black/5"
class="hidden rounded-lg bg-(--surface-muted) px-3 py-1 text-xs font-semibold text-(--text-muted) ring-1 ring-black/5 sm:inline-flex"
>
SESP-PE
</span>