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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user