calcazar/frontend-helper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

xrdwb17xu: Add the full-screen snap feed with media and quote slides on phones

Browse Source
This commit is contained in:
calcazar
2026-10-20 08:21:28 -06:00
parent 25fd360a2b
commit bf5e0ed475
12 changed files with 815 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/layout.css
+7 -3
View File
@@ -120,10 +120,14 @@
.feed .composer { margin: 0 14px 4px; }
.feed .feed-list { display: flex; flex-direction: column; gap: 16px; padding: 16px 14px 32px; }
/* Single-column fallback (760px and below, until the Mobile milestone): lists get a usable height. */
/* 760px and below: the full-screen feed (spec "Mobile layout"). The feed
column fills the app frame and the reel inside it is the only scroller.
The side panels are hidden; the phone dock and sheets reach them later. */
@container app (max-width: 760px) {
.bento-col .panel { flex: 0 0 auto; }
.bento-col .panel-scroll { flex: 0 0 auto; max-height: 70vh; }
.bento { display: block; padding: 0; overflow: hidden; }
.bento-left,
.bento-right { display: none; }
.bento-center { height: 100%; }
}
/* Account panel ---------------------------------------------------------- */