apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-07-18 23:11:12 +02:00
Code Issues Projects Releases Packages Wiki Activity

perf: optimize next/image sizes with dynamic maxWidth (#1089)

Browse source
This commit is contained in:
Oscar Zhou 2026-04-14 17:56:19 +09:30
parent e1e4bb4706
commit 0bdc08162e
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
surfsense_web/components/tool-ui/image/index.tsx
View file

@ -288,7 +288,7 @@ export function Image({
alt={alt} alt={alt}
width={0} width={0}
height={0} height={0}
sizes="100vw" sizes={`(max-width: ${maxWidth}) 100vw, ${maxWidth}`}
loading="eager" loading="eager"
className={cn( className={cn(
"w-full h-auto transition-transform duration-300", "w-full h-auto transition-transform duration-300",
@ -307,7 +307,7 @@ export function Image({
src={src} src={src}
alt={alt} alt={alt}
fill fill
sizes="(max-width: 512px) 100vw, 512px" sizes={`(max-width: ${maxWidth}) 100vw, ${maxWidth}`}
className={cn( className={cn(
"transition-transform duration-300", "transition-transform duration-300",
fit === "cover" ? "object-cover" : "object-contain", fit === "cover" ? "object-cover" : "object-contain",