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

Somehow this kinda works

Browse source
This commit is contained in:
Lim Chee Aun 2023-08-01 18:20:54 +08:00
parent 72ff229dfb
commit c30eaee4e2
2 changed files with 4 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/media.jsx
View file

@ -121,7 +121,6 @@ function Media({ media, to, showOriginal, autoAnimate, onClick = () => {} }) {
'--height': `${height}px`,
aspectRatio: `${width} / ${height}`,
};
const fixedWidth = width > height * 2;
if (isImage) {
// Note: type: unknown might not have width/height
@ -143,7 +142,7 @@ function Media({ media, to, showOriginal, autoAnimate, onClick = () => {} }) {
return (
<Parent
ref={parentRef}
class={`media media-image ${fixedWidth ? 'media-fixed-width' : ''}`}
class={`media media-image`}
onClick={onClick}
data-orientation={orientation}
style={
@ -245,7 +244,7 @@ function Media({ media, to, showOriginal, autoAnimate, onClick = () => {} }) {
<Parent
class={`media media-${isGIF ? 'gif' : 'video'} ${
autoGIFAnimate ? 'media-contain' : ''
} ${fixedWidth ? 'media-fixed-width' : ''}`}
}`}
data-orientation={orientation}
data-formatted-duration={formattedDuration}
data-label={isGIF && !showOriginal && !autoGIFAnimate ? 'GIF' : ''}

9
src/components/status.css
View file

@ -597,15 +597,10 @@
display: inline-block;
max-width: 100% !important;
min-width: 44px;
width: auto;
/* width: auto; */
min-height: 44px;
/* width: min(var(--width), 100%); */
/* max-height: min(var(--height), 33vh); */
height: min(160px, var(--height), 33vh);
}
.status .media-container.media-eq1 .media.media-fixed-width {
width: min(var(--width), 100%);
height: auto;
width: min(fit-content, 100%);
max-height: min(var(--height), 33vh);
}
.status .media-container.media-eq1 .media[data-orientation='portrait'] {