mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-02-16 15:21:48 +03:00
Code Issues Projects Releases Packages Wiki Activity

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 {
--grid-gap: 8px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-columns: 1fr;
grid-auto-rows: fit-content;
gap: 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);
}
@media (min-width: 320px) {
grid-template-columns: 1fr 1fr;
}
@media (min-width: 40em) {
&:not(#columns &) {
--grid-gap: 16px;