source for getorbyt.com
getorbyt.com/
client
bsky
orbytapp
app
orbyt
bluesky
getorbyt
orbytvideo
atproto
video
refactor: update responsive styles for post and profile; enhance author avatar links for better navigation
+9
-4
+6
-2
public/css/post.css
+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
public/css/profile.css
+2
-2
src/pages/@[handle]/[postId].astro
+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>