erik/octto-engenharia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Corrigir hover para usar cor primaria dinamica

Browse Source
This commit is contained in:
Erik
2025-11-26 16:24:29 -03:00
parent d0e95d9f2a
commit be2f130b96
20 changed files with 31 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/(public)/contato/page.tsx
View File

@@ -276,7 +276,7 @@ export default function ContatoPage() {
<button
type="submit"
disabled={submitting}
className="mt-4 w-full bg-primary text-white py-4 rounded-xl font-bold hover:bg-orange-600 transition-all shadow-lg hover:shadow-primary/30 flex items-center justify-center gap-2 group disabled:opacity-50 disabled:cursor-not-allowed"
className="mt-4 w-full bg-primary text-white py-4 rounded-xl font-bold hover-primary transition-all shadow-lg hover:shadow-primary/30 flex items-center justify-center gap-2 group disabled:opacity-50 disabled:cursor-not-allowed"
>
{submitting ? (
<>

2
frontend/src/app/(public)/page.tsx
View File

@@ -91,7 +91,7 @@ export default function Home() {
{hero.subtitle}
</p>
<div className="flex flex-col sm:flex-row gap-4">
<Link href="/contato" className="px-8 py-4 bg-primary text-white rounded-lg font-bold hover:bg-orange-600 transition-colors text-center">
<Link href="/contato" className="px-8 py-4 bg-primary text-white rounded-lg font-bold hover-primary transition-colors text-center">
{hero.buttonText}
</Link>
<Link href="/projetos" className="px-8 py-4 border-2 border-white text-white rounded-lg font-bold hover:bg-white hover:text-secondary transition-colors text-center">

2
frontend/src/app/(public)/projetos/[id]/page.tsx
View File

@@ -141,7 +141,7 @@ export default function ProjectDetails({ params }: { params: { id: string } }) {
</li>
</ul>
<Link href="/contato" className="block w-full py-4 bg-primary text-white text-center rounded-lg font-bold hover:bg-orange-600 transition-colors">
<Link href="/contato" className="block w-full py-4 bg-primary text-white text-center rounded-lg font-bold hover-primary transition-colors">
Solicitar Orçamento Similar
</Link>
<Link href="/projetos" className="block w-full py-4 mt-4 border border-gray-300 text-gray-600 text-center rounded-lg font-bold hover:bg-gray-100 transition-colors">

2
frontend/src/app/acesso/page.tsx
View File

@@ -107,7 +107,7 @@ export default function LoginPage() {
<button
type="submit"
disabled={loading}
className="w-full py-3.5 bg-primary text-white rounded-xl font-bold hover:bg-orange-600 transition-colors shadow-lg shadow-primary/20 flex items-center justify-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed"
className="w-full py-3.5 bg-primary text-white rounded-xl font-bold hover-primary transition-colors shadow-lg shadow-primary/20 flex items-center justify-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed"
>
{loading ? (
<>

2
frontend/src/app/admin/configuracoes/page.tsx
View File

@@ -223,7 +223,7 @@ export default function ConfiguracoesPage() {
<button
onClick={handleSave}
disabled={saving}
className="px-6 py-3 bg-primary text-white rounded-xl font-bold hover:bg-orange-600 transition-colors shadow-lg shadow-primary/20 flex items-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed"
className="px-6 py-3 bg-primary text-white rounded-xl font-bold hover-primary transition-colors shadow-lg shadow-primary/20 flex items-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed"
style={{ backgroundColor: saving ? undefined : primaryColor }}
>
{saving ? (

2
frontend/src/app/admin/layout.tsx
View File

@@ -218,7 +218,7 @@ export default function AdminLayout({
</div>
<div className="flex gap-3 w-full">
<label className="flex-1 px-4 py-2 bg-primary text-white rounded-lg font-medium hover:bg-orange-600 transition-colors text-center cursor-pointer">
<label className="flex-1 px-4 py-2 bg-primary text-white rounded-lg font-medium hover-primary transition-colors text-center cursor-pointer">
{isUploading ? 'Enviando...' : 'Escolher Foto'}
<input
type="file"

2
frontend/src/app/admin/paginas/contato/page.tsx
View File

@@ -537,7 +537,7 @@ export default function EditContactPage() {
<button
type="submit"
disabled={loading}
className="px-6 py-2.5 bg-primary text-white rounded-xl font-bold hover:bg-orange-600 transition-colors shadow-lg shadow-primary/20 flex items-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed cursor-pointer text-sm"
className="px-6 py-2.5 bg-primary text-white rounded-xl font-bold hover-primary transition-colors shadow-lg shadow-primary/20 flex items-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed cursor-pointer text-sm"
>
{loading ? (
<>

2
frontend/src/app/admin/paginas/home/page.tsx
View File

@@ -927,7 +927,7 @@ export default function EditHomePage() {
<button
type="submit"
disabled={loading}
className="px-6 py-2.5 bg-primary text-white rounded-xl font-bold hover:bg-orange-600 transition-colors shadow-lg shadow-primary/20 flex items-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed cursor-pointer text-sm"
className="px-6 py-2.5 bg-primary text-white rounded-xl font-bold hover-primary transition-colors shadow-lg shadow-primary/20 flex items-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed cursor-pointer text-sm"
>
{loading ? (
<>

2
frontend/src/app/admin/paginas/sobre/page.tsx
View File

@@ -546,7 +546,7 @@ export default function EditAboutPage() {
<button
type="submit"
disabled={loading}
className="px-6 py-2.5 bg-primary text-white rounded-xl font-bold hover:bg-orange-600 transition-colors shadow-lg shadow-primary/20 flex items-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed cursor-pointer text-sm"
className="px-6 py-2.5 bg-primary text-white rounded-xl font-bold hover-primary transition-colors shadow-lg shadow-primary/20 flex items-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed cursor-pointer text-sm"
>
{loading ? (
<>

2
frontend/src/app/admin/projetos/novo/page.tsx
View File

@@ -179,7 +179,7 @@ export default function NewProject() {
<button
type="submit"
disabled={loading}
className="px-8 py-3 bg-primary text-white rounded-xl font-bold hover:bg-orange-600 transition-colors shadow-lg shadow-primary/20 flex items-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed"
className="px-8 py-3 bg-primary text-white rounded-xl font-bold hover-primary transition-colors shadow-lg shadow-primary/20 flex items-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed"
>
{loading ? (
<>

2
frontend/src/app/admin/projetos/page.tsx
View File

@@ -12,7 +12,7 @@ export default function ProjectsList() {
</div>
<Link
href="/admin/projetos/novo"
className="px-6 py-3 bg-primary text-white rounded-xl font-bold hover:bg-orange-600 transition-colors shadow-lg shadow-primary/20 flex items-center gap-2"
className="px-6 py-3 bg-primary text-white rounded-xl font-bold hover-primary transition-colors shadow-lg shadow-primary/20 flex items-center gap-2"
>
<i className="ri-add-line text-xl"></i>
Novo Projeto

2
frontend/src/app/admin/servicos/novo/page.tsx
View File

@@ -130,7 +130,7 @@ export default function NewService() {
<button
type="submit"
disabled={loading}
className="px-8 py-3 bg-primary text-white rounded-xl font-bold hover:bg-orange-600 transition-colors shadow-lg shadow-primary/20 flex items-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed"
className="px-8 py-3 bg-primary text-white rounded-xl font-bold hover-primary transition-colors shadow-lg shadow-primary/20 flex items-center gap-2 disabled:opacity-70 disabled:cursor-not-allowed"
>
{loading ? (
<>

2
frontend/src/app/admin/servicos/page.tsx
View File

@@ -12,7 +12,7 @@ export default function ServicesList() {
</div>
<Link
href="/admin/servicos/novo"
className="px-6 py-3 bg-primary text-white rounded-xl font-bold hover:bg-orange-600 transition-colors shadow-lg shadow-primary/20 flex items-center gap-2"
className="px-6 py-3 bg-primary text-white rounded-xl font-bold hover-primary transition-colors shadow-lg shadow-primary/20 flex items-center gap-2"
>
<i className="ri-add-line text-xl"></i>
Novo Serviço

4
frontend/src/app/admin/usuarios/[id]/page.tsx
View File

@@ -183,7 +183,7 @@ export default function EditUserPage() {
<div className="mb-8">
<Link
href="/admin/usuarios"
className="text-primary hover:text-orange-600 transition-colors inline-flex items-center gap-2 mb-4"
className="text-primary hover-primary-text transition-colors inline-flex items-center gap-2 mb-4"
>
<i className="ri-arrow-left-line"></i>
Voltar para Usuários
@@ -307,7 +307,7 @@ export default function EditUserPage() {
<button
type="submit"
disabled={saving}
className="flex-1 py-3 bg-primary text-white rounded-xl font-bold hover:bg-orange-600 transition-colors disabled:opacity-70 disabled:cursor-not-allowed"
className="flex-1 py-3 bg-primary text-white rounded-xl font-bold hover-primary transition-colors disabled:opacity-70 disabled:cursor-not-allowed"
>
{saving ? (
<span className="flex items-center justify-center gap-2">

4
frontend/src/app/admin/usuarios/novo/page.tsx
View File

@@ -105,7 +105,7 @@ export default function NewUserPage() {
<div className="mb-8">
<Link
href="/admin/usuarios"
className="text-primary hover:text-orange-600 transition-colors inline-flex items-center gap-2 mb-4"
className="text-primary hover-primary-text transition-colors inline-flex items-center gap-2 mb-4"
>
<i className="ri-arrow-left-line"></i>
Voltar para Usuários
@@ -224,7 +224,7 @@ export default function NewUserPage() {
<button
type="submit"
disabled={loading}
className="flex-1 py-3 bg-primary text-white rounded-xl font-bold hover:bg-orange-600 transition-colors disabled:opacity-70 disabled:cursor-not-allowed"
className="flex-1 py-3 bg-primary text-white rounded-xl font-bold hover-primary transition-colors disabled:opacity-70 disabled:cursor-not-allowed"
>
{loading ? (
<span className="flex items-center justify-center gap-2">

2
frontend/src/app/admin/usuarios/page.tsx
View File

@@ -80,7 +80,7 @@ export default function UsersPage() {
</div>
<Link
href="/admin/usuarios/novo"
className="px-6 py-3 bg-primary text-white rounded-lg font-bold hover:bg-orange-600 transition-colors flex items-center gap-2"
className="px-6 py-3 bg-primary text-white rounded-lg font-bold hover-primary transition-colors flex items-center gap-2"
>
<i className="ri-user-add-line"></i>
Novo Usuário

10
frontend/src/app/globals.css
View File

@@ -4,6 +4,7 @@
@theme {
--color-primary: #FF6B35;
--color-primary-rgb: 255 107 53;
--color-primary-dark: color-mix(in srgb, var(--color-primary) 80%, black);
--color-secondary: #1A1A1A;
--font-headline: 'Stack Sans Headline', sans-serif;
@@ -29,3 +30,12 @@ body {
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-headline);
}
/* Classe utilitária para hover em botões primários */
.hover-primary:hover {
background-color: var(--color-primary-dark) !important;
}
.hover-primary-text:hover {
color: var(--color-primary-dark) !important;
}

2
frontend/src/components/ConfirmDialog.tsx
View File

@@ -22,7 +22,7 @@ export default function ConfirmDialog({
const buttonStyles = {
danger: 'bg-red-500 hover:bg-red-600 text-white',
warning: 'bg-yellow-500 hover:bg-yellow-600 text-white',
info: 'bg-primary hover:bg-orange-600 text-white',
info: 'bg-primary hover-primary text-white',
};
return (

2
frontend/src/components/CookieConsent.tsx
View File

@@ -57,7 +57,7 @@ export default function CookieConsent() {
</button>
<button
onClick={handleAccept}
className="px-6 py-2.5 bg-primary text-white rounded-lg font-bold hover:bg-orange-600 transition-colors text-sm shadow-lg shadow-primary/20 cursor-pointer"
className="px-6 py-2.5 bg-primary text-white rounded-lg font-bold hover-primary transition-colors text-sm shadow-lg shadow-primary/20 cursor-pointer"
>
{t('cookie.accept')}
</button>

2
frontend/src/components/Header.tsx
View File

@@ -91,7 +91,7 @@ export default function Header() {
<div className="shrink-0 ml-2">
<Link
href="/contato"
className="px-6 py-2.5 bg-primary text-white rounded-lg font-bold hover:bg-orange-600 transition-colors flex items-center gap-2"
className="px-6 py-2.5 bg-primary text-white rounded-lg font-bold hover-primary transition-colors flex items-center gap-2"
>
<i className="ri-whatsapp-line"></i>
<span className="hidden xl:inline">{t('nav.contact_us')}</span>