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

fix: esconde texto OCCTO ENG quando logo está presente

Browse Source 
- Header: mostra apenas logo (150x50)
- Footer: mostra apenas logo
- Admin: mostra apenas logo
This commit is contained in:
Erik
2025-11-29 16:53:49 -03:00
parent 239fca5924
commit 061a572464
3 changed files with 35 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -265,21 +265,23 @@ export default function AdminLayout({
{logo ? ( {logo ? (
<Image <Image
src={logo} src={logo}
alt="Logo" alt="OCCTO Engenharia"
width={32} width={isSidebarOpen ? 120 : 32}
height={32} height={40}
className="object-contain" className="object-contain h-10 w-auto"
unoptimized unoptimized
/> />
) : ( ) : (
<>
<i className="ri-building-2-fill text-3xl text-primary"></i> <i className="ri-building-2-fill text-3xl text-primary"></i>
)}
{isSidebarOpen && ( {isSidebarOpen && (
<div className="flex items-center gap-2 animate-in fade-in duration-300"> <div className="flex items-center gap-2 animate-in fade-in duration-300">
<span className="text-xl font-bold text-secondary dark:text-white font-headline leading-none">OCCTO</span> <span className="text-xl font-bold text-secondary dark:text-white font-headline leading-none">OCCTO</span>
<span className="text-[10px] font-bold text-primary bg-primary/10 px-2 py-1 rounded-md uppercase tracking-wider">ENG.</span> <span className="text-[10px] font-bold text-primary bg-primary/10 px-2 py-1 rounded-md uppercase tracking-wider">ENG.</span>
</div> </div>
)} )}
</>
)}
</Link> </Link>
</div> </div>

12
frontend/src/components/Footer.tsx
View File

@@ -64,19 +64,21 @@ export default function Footer() {
{contact.logo ? ( {contact.logo ? (
<Image <Image
src={contact.logo} src={contact.logo}
alt="Logo" alt="OCCTO Engenharia"
width={40} width={150}
height={40} height={50}
className="object-contain" className="object-contain h-12 w-auto"
unoptimized unoptimized
/> />
) : ( ) : (
<>
<i className="ri-building-2-fill text-4xl text-primary"></i> <i className="ri-building-2-fill text-4xl text-primary"></i>
)}
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<span className="text-2xl font-bold font-headline">OCCTO</span> <span className="text-2xl font-bold font-headline">OCCTO</span>
<span className="text-[10px] font-bold text-primary bg-white/10 px-2 py-1 rounded-md uppercase tracking-wider">ENG.</span> <span className="text-[10px] font-bold text-primary bg-white/10 px-2 py-1 rounded-md uppercase tracking-wider">ENG.</span>
</div> </div>
</>
)}
</div> </div>
<p className="text-gray-400 mb-6"> <p className="text-gray-400 mb-6">
{t('footer.description')} {t('footer.description')}

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

@@ -114,19 +114,21 @@ export default function Header() {
{logo ? ( {logo ? (
<Image <Image
src={logo} src={logo}
alt="Logo" alt="OCCTO Engenharia"
width={40} width={150}
height={40} height={50}
className="object-contain group-hover:scale-105 transition-transform" className="object-contain group-hover:scale-105 transition-transform h-12 w-auto"
unoptimized unoptimized
/> />
) : ( ) : (
<>
<i className="ri-building-2-fill text-4xl text-primary group-hover:scale-105 transition-transform"></i> <i className="ri-building-2-fill text-4xl text-primary group-hover:scale-105 transition-transform"></i>
)}
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<span className="text-3xl font-bold text-secondary dark:text-white font-headline leading-none">OCCTO</span> <span className="text-3xl font-bold text-secondary dark:text-white font-headline leading-none">OCCTO</span>
<span className="text-[10px] font-bold text-primary bg-primary/10 px-2 py-1 rounded-md uppercase tracking-wider">ENG.</span> <span className="text-[10px] font-bold text-primary bg-primary/10 px-2 py-1 rounded-md uppercase tracking-wider">ENG.</span>
</div> </div>
</>
)}
</Link> </Link>
<div className="hidden md:flex items-center gap-4"> <div className="hidden md:flex items-center gap-4">