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

Use data attr instead

Browse source 
The JSX className modification classes with this DOM-based modification
This commit is contained in:
Lim Chee Aun 2024-06-10 20:50:21 +08:00
parent 8a10a81fec
commit 17a3939061
2 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/media.jsx
View file

@ -374,7 +374,7 @@ function Media({
Math.abs(naturalAspectRatio - displayAspectRatio) < Math.abs(naturalAspectRatio - displayAspectRatio) <
similarThreshold similarThreshold
) { ) {
$media.classList.add('has-natural-aspect-ratio'); $media.dataset.hasNaturalAspectRatio = true;
} }
// $media.dataset.aspectRatios = `${naturalAspectRatio} ${displayAspectRatio}`; // $media.dataset.aspectRatios = `${naturalAspectRatio} ${displayAspectRatio}`;
} }

2
src/components/status.css
View file

@ -1071,7 +1071,7 @@
width: min(var(--aspectWidth), var(--width), 100%); width: min(var(--aspectWidth), var(--width), 100%);
max-height: min(var(--height), 33vh); max-height: min(var(--height), 33vh);
&.has-natural-aspect-ratio { &[data-has-natural-aspect-ratio] {
--media-radius: 4px; --media-radius: 4px;
} }
} }