oreolek/phanpy
1
0
Fork 0
Code 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 {
min-height: 3em;
min-height: 320px;
background-color: var(--outline-color);
}
.status-media-first {
animation: appear-smooth 1s ease-out;
.meta-name {
opacity: 0.65;
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);
/* max-height: min(var(--height), 80vh); */
&:has(img:not([data-loaded='true'])) {
min-height: 320px;
}
&:active {
transform: none;
}