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

Single column media posts for very small viewport

Browse source
This commit is contained in:
Lim Chee Aun 2023-10-30 19:54:20 +08:00
parent 75bca8ed3a
commit 5f64553d17
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/app.css
View file

@ -213,7 +213,7 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
&.timeline-media { &.timeline-media {
--grid-gap: 8px; --grid-gap: 8px;
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr;
grid-auto-rows: fit-content; grid-auto-rows: fit-content;
gap: var(--grid-gap); gap: var(--grid-gap);
padding: var(--grid-gap); padding: var(--grid-gap);
@ -222,6 +222,10 @@ a[href^='http'][rel*='nofollow']:visited:not(:has(div)) {
background-color: var(--bg-faded-color); background-color: var(--bg-faded-color);
} }
@media (min-width: 320px) {
grid-template-columns: 1fr 1fr;
}
@media (min-width: 40em) { @media (min-width: 40em) {
&:not(#columns &) { &:not(#columns &) {
--grid-gap: 16px; --grid-gap: 16px;