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

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) <
similarThreshold
) {
$media.classList.add('has-natural-aspect-ratio');
$media.dataset.hasNaturalAspectRatio = true;
}
// $media.dataset.aspectRatios = `${naturalAspectRatio} ${displayAspectRatio}`;
}

2
src/components/status.css
View file

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