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

Media-first style adjustments

Browse source
This commit is contained in:
Lim Chee Aun 2024-04-14 17:18:52 +08:00
parent 6f8f3e4fd0
commit afdfdb86da
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/status.css
View file

@ -1320,13 +1320,11 @@ body:has(#modal-container .carousel) .status .media img:hover {
} }
.status.skeleton .media-first-container { .status.skeleton .media-first-container {
min-height: 3em; min-height: 320px;
background-color: var(--outline-color); background-color: var(--outline-color);
} }
.status-media-first { .status-media-first {
animation: appear-smooth 1s ease-out;
.meta-name { .meta-name {
opacity: 0.65; opacity: 0.65;
transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out;
@ -1406,6 +1404,10 @@ body:has(#modal-container .carousel) .status .media img:hover {
min-height: var(--min-dimension); min-height: var(--min-dimension);
/* max-height: min(var(--height), 80vh); */ /* max-height: min(var(--height), 80vh); */
&:has(img:not([data-loaded='true'])) {
min-height: 320px;
}
&:active { &:active {
transform: none; transform: none;
} }