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