Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-24 16:58:47 +01:00
Code Issues Projects Releases Packages Wiki Activity

One more experimental magic

Browse source
This commit is contained in:
Lim Chee Aun 2024-06-11 14:53:12 +08:00
parent c0c7fdd6e1
commit a79d0613ec
1 changed files with 5 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/status.css
View file

@ -1025,6 +1025,10 @@
background-color: var(--average-color, var(--bg-faded-color)); background-color: var(--average-color, var(--bg-faded-color));
background-clip: padding-box; background-clip: padding-box;
} }
&[data-has-small-dimension] img {
object-fit: scale-down;
}
} }
.status .media-container:not(.media-eq1) .media { .status .media-container:not(.media-eq1) .media {
aspect-ratio: auto !important; aspect-ratio: auto !important;
@ -1074,11 +1078,6 @@
&[data-has-natural-aspect-ratio] { &[data-has-natural-aspect-ratio] {
--media-radius: 4px; --media-radius: 4px;
} }
&[data-has-small-dimension] img {
object-fit: contain;
image-rendering: pixelated;
}
} }
.status .media-container.media-eq1 .media[data-orientation='portrait'] { .status .media-container.media-eq1 .media[data-orientation='portrait'] {
/* width: auto; /* width: auto;
@ -1365,7 +1364,7 @@ body:has(#modal-container .carousel) .status .media img:hover {
flex-wrap: wrap; flex-wrap: wrap;
.media[data-has-small-dimension] { .media[data-has-small-dimension] {
width: auto !important; width: var(--width, auto) !important;
} }
figure { figure {