simono41/phanpy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Prevent undefined css variables

Browse source
This commit is contained in:
Lim Chee Aun 2023-10-25 20:22:58 +08:00
parent c82ccf5957
commit a1b81562db
1 changed files with 12 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/components/media.jsx
View file

@ -170,7 +170,9 @@ function Media({
const maxAspectHeight = const maxAspectHeight =
window.innerHeight * (orientation === 'portrait' ? 0.45 : 0.33); window.innerHeight * (orientation === 'portrait' ? 0.45 : 0.33);
const maxHeight = orientation === 'portrait' ? 0 : 160; const maxHeight = orientation === 'portrait' ? 0 : 160;
const mediaStyles = { const mediaStyles =
width && height
? {
'--width': `${width}px`, '--width': `${width}px`,
'--height': `${height}px`, '--height': `${height}px`,
// Calculate '--aspectWidth' based on aspect ratio calculated from '--width' and '--height', max height has to be 160px // Calculate '--aspectWidth' based on aspect ratio calculated from '--width' and '--height', max height has to be 160px
@ -178,7 +180,8 @@ function Media({
(width / height) * Math.max(maxHeight, maxAspectHeight) (width / height) * Math.max(maxHeight, maxAspectHeight)
}px`, }px`,
aspectRatio: `${width} / ${height}`, aspectRatio: `${width} / ${height}`,
}; }
: {};
const longDesc = isMediaCaptionLong(description); const longDesc = isMediaCaptionLong(description);
const showInlineDesc = const showInlineDesc =