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

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; box-shadow: none !important;
max-width: min(480px, 100%); max-width: min(480px, 100%);
margin-inline: auto !important; margin-inline: auto !important;
margin-block: 32px;
&:not(:first-child) {
margin-block: 32px;
}
&:has(.skeleton) { &:has(.skeleton) {
width: 100%; 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 { .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;
@ -1398,7 +1400,7 @@ body:has(#modal-container .carousel) .status .media img:hover {
.media { .media {
/* background-color: var(--average-color, var(--bg-faded-color)); */ /* background-color: var(--average-color, var(--bg-faded-color)); */
width: var(--width); width: var(--width, 100%);
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
min-height: var(--min-dimension); min-height: var(--min-dimension);