vielle.dev / site
Personal Site
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Make bsky posts feed always 40ch wide to avoid shrinking issue. Desktop threshold had to be increased to 105ch (25 + 25 + 40 + A Random Fifteen Ch Idk Where From??)

afterlifepro b92c1269 7058d122

+7 -7
+1 -1
src/components/home/Landing.astro
··· 57 57 z-index: 1; 58 58 59 59 /* desktop border image */ 60 - @media not (max-width: 90ch) { 60 + @media not (max-width: 105ch) { 61 61 position: relative; 62 62 z-index: 0; 63 63 &::before {
+1 -1
src/components/home/feeds/Feed.astro
··· 88 88 overflow-y: auto; 89 89 height: 100%; 90 90 91 - @media (max-width: 90ch) { 91 + @media (max-width: 105ch) { 92 92 height: auto; 93 93 } 94 94 }
+2 -2
src/components/home/playing/NowPlaying.astro
··· 215 215 z-index: 2; 216 216 217 217 /* mobile border image */ 218 - @media (max-width: 90ch) { 218 + @media (max-width: 105ch) { 219 219 border-image-source: var(--box-tb-png); 220 220 border-image-slice: 10 0 fill; 221 221 border-image-width: 20px 0; ··· 231 231 contain: layout size style; 232 232 container: player / size; 233 233 width: 100%; 234 - @media (max-width: 90ch) { 234 + @media (max-width: 105ch) { 235 235 /* max width is so the scroll siblings are visible */ 236 236 max-width: 400px; 237 237 }
+3 -3
src/pages/index.astro
··· 42 42 grid-template: 43 43 ". landing feed blog ." min-content 44 44 ". playing feed blog ." 1fr 45 - / auto minmax(25ch, 50ch) minmax(25ch, 50ch) minmax(25ch, 50ch) auto; 45 + / auto minmax(25ch, 50ch) 40ch minmax(25ch, 50ch) auto; 46 46 max-width: 100%; 47 - gap: 20px; 47 + gap: 20px; 48 48 49 - @media (max-width: 90ch) { 49 + @media (max-width: 105ch) { 50 50 grid-template: 51 51 ". landing ." min-content 52 52 "playing playing playing" min-content