Personal Site
0
fork

Configure Feed

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

Increase @media threshold to 110ch and make blog posts constant size. Sidebar can resize bc it looks fine at all sizes but other bars look a bit funky ngl

+8 -8
+1 -1
src/components/home/Landing.astro
··· 57 57 z-index: 1; 58 58 59 59 /* desktop border image */ 60 - @media not (max-width: 105ch) { 60 + @media not (max-width: 110ch) { 61 61 position: relative; 62 62 z-index: 0; 63 63 &::before {
+2 -2
src/components/home/feeds/Feed.astro
··· 78 78 contain: size; 79 79 height: 100%; 80 80 81 - @media (max-width: 105ch) { 81 + @media (max-width: 110ch) { 82 82 height: auto; 83 83 } 84 84 ··· 93 93 overflow-y: auto; 94 94 height: 100%; 95 95 96 - @media (max-width: 105ch) { 96 + @media (max-width: 110ch) { 97 97 height: auto; 98 98 } 99 99 }
+2 -2
src/components/home/playing/NowPlaying.astro
··· 217 217 contain: size; 218 218 overflow: visible auto; 219 219 220 - @media (max-width: 105ch) { 220 + @media (max-width: 110ch) { 221 221 /* mobile border image */ 222 222 border-image-source: var(--box-tb-png); 223 223 border-image-slice: 10 0 fill; ··· 242 242 container: player / size; 243 243 overflow: clip; 244 244 width: 100%; 245 - @media (max-width: 105ch) { 245 + @media (max-width: 110ch) { 246 246 width: 400px; 247 247 height: 325.333px; 248 248 }
+1 -1
src/components/home/playing/TopSongs.astro
··· 58 58 gap: 10px; 59 59 padding: 10px; 60 60 61 - @media (max-width: 105ch) { 61 + @media (max-width: 110ch) { 62 62 grid-template-columns: auto; 63 63 grid-template-rows: repeat(3, 100px); 64 64 grid-auto-columns: 100px;
+2 -2
src/pages/index.astro
··· 48 48 grid-template: 49 49 ". landing feed blog ." min-content 50 50 ". playing feed blog ." 1fr 51 - / auto minmax(25ch, 50ch) 40ch minmax(25ch, 50ch) auto; 51 + / auto minmax(25ch, 50ch) 40ch 30ch auto; 52 52 max-width: 100%; 53 53 gap: 20px; 54 54 55 - @media (max-width: 105ch) { 55 + @media (max-width: 110ch) { 56 56 grid-template: 57 57 ". landing ." min-content 58 58 "playing playing playing" min-content