oreolek/phanpy
1
0
Fork 0
Code Activity

Media-first style adjustments

Browse source
This commit is contained in:
Lim Chee Aun 2024-04-13 19:21:48 +08:00
parent 5babdc9d63
commit c286562ee8
2 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/app.css
View file

@ -312,7 +312,10 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
box-shadow: none !important;
max-width: min(480px, 100%);
margin-inline: auto !important;
margin-block: 32px;
&:not(:first-child) {
margin-block: 32px;
}
&:has(.skeleton) {
width: 100%;

4
src/components/status.css
View file

@ -1325,6 +1325,8 @@ body:has(#modal-container .carousel) .status .media img:hover {
}
.status-media-first {
animation: appear-smooth 1s ease-out;
.meta-name {
opacity: 0.65;
transition: opacity 0.5s ease-in-out;
@ -1398,7 +1400,7 @@ body:has(#modal-container .carousel) .status .media img:hover {
.media {
/* background-color: var(--average-color, var(--bg-faded-color)); */
width: var(--width);
width: var(--width, 100%);
max-width: 100%;
max-height: 100%;
min-height: var(--min-dimension);