From 0fbd56d39e55dcf75f8cde438afba88e1ac49f17 Mon Sep 17 00:00:00 2001 From: killer-cf Date: Tue, 6 Jan 2026 14:12:00 -0300 Subject: [PATCH] Refactor component styles: Update various components to use rounded-lg instead of rounded-2xl for a more consistent design, and adjust button styles for improved visual coherence across the application. --- src/lib/components/NewsCarousel.svelte | 83 +++++++++++++--------- src/lib/components/ProgramCard.svelte | 4 +- src/lib/components/ProgramMiniCard.svelte | 4 +- src/lib/components/ProgramPage.svelte | 18 ++--- src/lib/data/news.ts | 9 +-- src/routes/+error.svelte | 12 ++-- src/routes/+page.svelte | 12 ++-- src/routes/layout.css | 8 +-- src/routes/noticias/[slug]/+page.svelte | 10 +-- static/brand/imageminscricoesabertas.png | Bin 0 -> 8317265 bytes 10 files changed, 86 insertions(+), 74 deletions(-) create mode 100644 static/brand/imageminscricoesabertas.png diff --git a/src/lib/components/NewsCarousel.svelte b/src/lib/components/NewsCarousel.svelte index c40bdff..2820c0a 100644 --- a/src/lib/components/NewsCarousel.svelte +++ b/src/lib/components/NewsCarousel.svelte @@ -41,13 +41,13 @@ } -
+

{title}

@@ -83,41 +83,56 @@ {#each items as item, i (item.slug)}
- -
-
-
-
+ {/if}
{/each} diff --git a/src/lib/components/ProgramCard.svelte b/src/lib/components/ProgramCard.svelte index 4965805..4dc5c3c 100644 --- a/src/lib/components/ProgramCard.svelte +++ b/src/lib/components/ProgramCard.svelte @@ -17,12 +17,12 @@
-
+
{`Logomarca Voltar para a página inicial -
+
@@ -46,7 +46,7 @@
-
+

Inscrições 2026

@@ -79,21 +79,21 @@

Exclusivamente online.

-
+

Quem pode

{program.eligibility}

-
+

Como funciona

{program.signupProcess}

-
+

Benefícios

@@ -114,7 +114,7 @@ href={program.signupUrl} target="_blank" rel="noopener noreferrer" - class={`inline-flex items-center justify-center gap-2 rounded-xl px-4 py-3 text-sm font-bold text-white shadow-sm transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-white ${accentButtonByAccent[program.accent]}`} + class={`inline-flex items-center justify-center gap-2 rounded-md px-4 py-3 text-sm font-bold text-white shadow-sm transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-white ${accentButtonByAccent[program.accent]}`} > Inscrição @@ -124,7 +124,7 @@ href={program.editalUrl} target="_blank" rel="noopener noreferrer" - class="inline-flex items-center justify-center gap-2 rounded-xl bg-white px-4 py-3 text-sm font-bold text-(--text-strong) ring-1 ring-black/10 shadow-sm transition hover:bg-white/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--focus-ring) focus-visible:ring-offset-2 focus-visible:ring-offset-white" + class="inline-flex items-center justify-center gap-2 rounded-md bg-white px-4 py-3 text-sm font-bold text-(--text-strong) ring-1 ring-black/10 shadow-sm transition hover:bg-white/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--focus-ring) focus-visible:ring-offset-2 focus-visible:ring-offset-white" > Edital diff --git a/src/lib/data/news.ts b/src/lib/data/news.ts index 3a214d5..d5d71f6 100644 --- a/src/lib/data/news.ts +++ b/src/lib/data/news.ts @@ -5,6 +5,7 @@ export type News = { date: string; category: string; featured?: boolean; + imageSrc?: string; body?: string[]; }; @@ -16,9 +17,9 @@ export const news: News[] = [ date: '2026-01-02', category: 'Programas', featured: true, + imageSrc: '/brand/imageminscricoesabertas.png', body: [ 'As inscrições para os programas Bolsa Atleta, Bolsa Técnico e Time Pernambuco 2026 estão abertas.', - 'Este conteúdo é um placeholder — você poderá substituir por dados vindos de banco/CMS futuramente.' ] }, { @@ -27,10 +28,8 @@ export const news: News[] = [ dek: 'Mais de 1,2 mil atletas e técnicos contemplados, com investimento aproximado de R$ 13 milhões.', date: '2025-12-18', category: 'Resultados', - featured: true, body: [ 'Em 2025, os programas de incentivo ao esporte alcançaram um número recorde de beneficiados.', - 'Este conteúdo é um placeholder — você poderá substituir por dados vindos de banco/CMS futuramente.' ] }, { @@ -41,7 +40,6 @@ export const news: News[] = [ category: 'Comunicados', body: [ 'Após preencher o formulário eletrônico, é necessário anexar a documentação exigida na plataforma.', - 'Este conteúdo é um placeholder — você poderá substituir por dados vindos de banco/CMS futuramente.' ] }, { @@ -52,12 +50,11 @@ export const news: News[] = [ category: 'Serviço', body: [ 'Veja perguntas e respostas sobre inscrição, documentos, prazos e acompanhamento.', - 'Este conteúdo é um placeholder — você poderá substituir por dados vindos de banco/CMS futuramente.' ] } ]; -export const featuredNews = news.filter((item) => item.featured); +export const featuredNews = news.filter((item) => item.featured).slice(0, 1); export function getNews(slug: string): News { const item = news.find((n) => n.slug === slug); diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte index e2427ca..4740631 100644 --- a/src/routes/+error.svelte +++ b/src/routes/+error.svelte @@ -32,7 +32,7 @@
-
+

Erro {page.status} @@ -45,7 +45,7 @@

{#if safeDetails} -
+

Detalhes

{safeDetails}

@@ -54,7 +54,7 @@
Ir para a página inicial @@ -62,7 +62,7 @@ @@ -71,14 +71,14 @@ {/if}
-
+

Dica

Se você chegou aqui por um link antigo, volte para a página inicial e escolha o programa no card diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index f7afff0..f2348b3 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -36,7 +36,7 @@