feat: Optimize image loading in components

This commit is contained in:
mauro-balades
2024-08-27 17:49:49 +02:00
parent 1087dbb076
commit 30ddd65c91
5 changed files with 8 additions and 8 deletions

View File

@@ -14,7 +14,7 @@ export default function Logo({ withText, ...props }: any) {
}, []);
return (
<div className="flex items-center m-0" {...props}>
<Image src={`https://cdn.jsdelivr.net/gh/zen-browser/www/public/logos/zen-${randomColor}.svg`} width={40} height={40} alt="Zen Logo" className={ny("transition-all duration-300 hover:scale-110", withText && "mr-2")} />
<img src={`https://cdn.jsdelivr.net/gh/zen-browser/www/public/logos/zen-${randomColor}.svg`} width={40} height={40} alt="Zen Logo" className={ny("transition-all duration-300 hover:scale-110", withText && "mr-2")} />
{withText && <span className="text-2xl font-bold ml-2">zen</span>}
</div>
);