change the icon ligth for metalic icon in header, footer and projection section

This commit is contained in:
Esteban Paz 2026-03-03 20:15:49 -05:00
parent abb9835deb
commit f10330e14c
5 changed files with 4 additions and 4 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 58 KiB

After

Width:  |  Height:  |  Size: 90 KiB

View File

@ -36,7 +36,7 @@ const { locale } = Astro.params;
<ul class="menu min-h-full w-80 p-4 bg-[url(/img/opacity-logo.png)] bg-no-repeat bg-contain bg-center bg-[#22523F] text-white"> <ul class="menu min-h-full w-80 p-4 bg-[url(/img/opacity-logo.png)] bg-no-repeat bg-contain bg-center bg-[#22523F] text-white">
<!-- Sidebar content here --> <!-- Sidebar content here -->
<div class="flex gap-2 justify-center items-center mb-8 mt-8"> <div class="flex gap-2 justify-center items-center mb-8 mt-8">
<img class="w-1/3 object-contain" src="/img/logo-new-white.png" alt="Logo Centro del Reino de Paz y Justicia" /> <img class="w-1/3 object-contain" src="/img/logo-metalico.webp" alt="Logo Centro del Reino de Paz y Justicia" />
<p class="font-secondary text-colorPrimary font-bold leading-none py-2 text-lg "> <p class="font-secondary text-colorPrimary font-bold leading-none py-2 text-lg ">
<a href="/">{tl("nav.logo_line1")}<br/>{tl("nav.logo_line2")}</a> <a href="/">{tl("nav.logo_line1")}<br/>{tl("nav.logo_line2")}</a>
</p> </p>

View File

@ -15,7 +15,7 @@ const tl = createTranslator(Astro.currentLocale);
<div class="grid md:grid-cols-2 h-full px-6"> <div class="grid md:grid-cols-2 h-full px-6">
<div class="gap-8 md:flex flex-col justify-end"> <div class="gap-8 md:flex flex-col justify-end">
<img <img
src="/img/logo-new-white.png" src="/img/logo-metalico.webp"
alt="Logo Metalico" alt="Logo Metalico"
class="w-20 sm:24 md:w-32 lg:w-58 mb-4 mt-0" class="w-20 sm:24 md:w-32 lg:w-58 mb-4 mt-0"
/> />

View File

@ -33,7 +33,7 @@ const tl = createTranslator(Astro.currentLocale);
<p class="px-4 order-1 text-sm font-normal text-white lg:self-end text-center lg:text-left"> <p class="px-4 order-1 text-sm font-normal text-white lg:self-end text-center lg:text-left">
{tl("footer.reserved")} {tl("footer.reserved")}
</p> </p>
<img class="w-24 lg:order-1 z-10 pl-6 object-contain" src="/img/logo-new-white.png" alt="Logo Metalico"> <img class="w-24 lg:order-1 z-10 pl-6 object-contain" src="/img/logo-metalico.webp" alt="Logo Metalico">
</div> </div>
</div> </div>

View File

@ -10,7 +10,7 @@ const tl = createTranslator(Astro.currentLocale);
<div class="grid grid-cols-1 md:grid-cols-3 bg-white"> <div class="grid grid-cols-1 md:grid-cols-3 bg-white">
<div class="bg-[#22523F] col-span-1 flex items-center justify-center bg-[url('/img/opacity-logo.png')] bg-cover bg-no-repeat bg-right md:bg-left"> <div class="bg-[#22523F] col-span-1 flex items-center justify-center bg-[url('/img/opacity-logo.png')] bg-cover bg-no-repeat bg-right md:bg-left">
<img src="/img/logo-new-white.png" alt="" class="w-1/4 my-8 md:w-1/2" /> <img src="/img/logo-metalico.webp" alt="" class="w-1/4 my-8 md:w-1/2" />
</div> </div>
<div class={`flex flex-col text-tertiary col-span-2 gap-8 py-8 md:py-16 lg:py-24 px-8 sm:px-16 lg:px-32`}> <div class={`flex flex-col text-tertiary col-span-2 gap-8 py-8 md:py-16 lg:py-24 px-8 sm:px-16 lg:px-32`}>
<h2 class="font-primary text-xl md:text-3xl font-bold">{tl("identity.initTitle")}</h2> <h2 class="font-primary text-xl md:text-3xl font-bold">{tl("identity.initTitle")}</h2>