source for getorbyt.com getorbyt.com/
client bsky orbytapp app orbyt bluesky getorbyt orbytvideo atproto video
0
fork

Configure Feed

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

refactor: update responsive styles for post and profile; enhance author avatar links for better navigation

+9 -4
+6 -2
public/css/post.css
··· 1 + html { 2 + scrollbar-gutter: auto; 3 + } 4 + 1 5 /*--- Responsive styles ---*/ 2 - @media screen and (max-width: 665px) { 6 + @media screen and (max-width: 700px) { 3 7 #desktop { 4 8 display: none; 5 9 } 6 10 } 7 11 8 - @media screen and (min-width: 665px) { 12 + @media screen and (min-width: 700px) { 9 13 .mobile-overlay { 10 14 display: none; 11 15 }
+1
public/css/profile.css
··· 1 1 html, 2 2 body { 3 3 overflow-x: hidden; 4 + scrollbar-gutter: auto; 4 5 } 5 6 6 7 html {
+2 -2
src/pages/@[handle]/[postId].astro
··· 436 436 <div class="post-author mobile-overlay"> 437 437 438 438 <span class='avatar-wrapper'> 439 - <img id="author-avatar-mobile" class='avatar' src={authorAvatar} alt={`${authorScreenName}'s avatar`}> 439 + <a href={`/@${authorHandle}`}><img id="author-avatar-mobile" class='avatar' src={authorAvatar} alt={`${authorScreenName}'s avatar`}></a> 440 440 <div class="username"> 441 441 <a id="author-link-mobile" href={`/@${authorHandle}`}>{authorScreenName}</a> 442 442 </div> ··· 491 491 492 492 <div class="post-author"> 493 493 <span class='avatar-wrapper'> 494 - <img id="author-avatar-desktop" class='avatar' src={authorAvatar} alt={`${authorScreenName}'s avatar`}> 494 + <a href={`/@${authorHandle}`}><img id="author-avatar-desktop" class='avatar' src={authorAvatar} alt={`${authorScreenName}'s avatar`}></a> 495 495 <div class="username"> 496 496 <a id="author-link-desktop" href={`/@${authorHandle}`}>{authorScreenName}</a> 497 497 </div>