mirror
/
phanpy
kopia lustrzana https://github.com/cheeaun/phanpy
1
0
Forkuj 0
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

Media-first style adjustments

pull/501/head
Lim Chee Aun 2024-04-13 19:21:48 +08:00
rodzic 5babdc9d63
commit c286562ee8
2 zmienionych plików z 7 dodań i 2 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

5
src/app.css
Wyświetl plik

@ -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
Wyświetl plik

@ -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);