vojtech.mares/backup-websites-2024-01
Archived
1
0
Fork 0
Code Activity

fix: image's missing required width and height properties

Browse source
This commit is contained in:
Vojtěch Mareš 2022-12-09 02:13:43 +01:00
parent 65adc7f0c0
commit b684858d27
2 changed files with 10 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
components/Environment.tsx
View file

@ -103,7 +103,7 @@ function Feature({ feature, className, ...props }: FeatureProps) {
className={className}
{...props}
>
<Image src={feature.icon} className="w-32 rounded-lg p-2" color={feature.iconColor} alt="" />
<Image src={feature.icon} className="rounded-lg p-2" width="128" height="128" color={feature.iconColor} alt="" />
<h3
className="mt-6 text-lg font-medium text-blue-600"
>

13
components/TechStack.tsx
View file

@ -98,8 +98,9 @@ function Feature({ feature, isActive, className, ...props }: FeatureProps ) {
className={clsx(className, !isActive && 'opacity-75 hover:opacity-100')}
{...props}
>
<Image src={feature.icon} className={clsx(
'w-32 rounded-lg p-2 flex justify-center',
<Image src={feature.icon} width="128" height="128" className={clsx(
// 'w-32',
'rounded-lg p-2 flex justify-center',
// isActive ? 'fill-blue-600' : 'fill-slate-500'
)} alt="" />
<h3
@ -131,7 +132,9 @@ function FeaturesMobile() {
className="w-full"
src={feature.image}
alt=""
sizes="52.75rem"
// sizes="52.75rem"
width="800"
height="500"
/>
</div>
</div>
@ -182,7 +185,9 @@ function FeaturesDesktop() {
className="w-full"
src={feature.image}
alt=""
sizes="52.75rem"
// sizes="52.75rem"
width="800"
height="500"
/>
</div>
</Tab.Panel>