+4 -1

app/lish/[did]/[publication]/[rkey]/Interactions/Comments/index.tsx

··· 51 51 }, []); 52 52 53 53 return ( 54 54 - <div id={"commentsDrawer"} className="flex flex-col gap-2 relative"> 54 54 + <div 55 55 + id={"commentsDrawer"} 56 56 + className="flex flex-col gap-2 relative text-sm text-secondary" 57 57 + > 55 58 <div className="w-full flex justify-between text-secondary font-bold"> 56 59 Comments 57 60 <button

+2 -1

app/lish/[did]/[publication]/[rkey]/Interactions/InteractionDrawer.tsx

··· 9 9 import { decodeQuotePosition } from "../quotePosition"; 10 10 11 11 export const InteractionDrawer = (props: { 12 12 + showPageBackground: boolean | undefined; 12 13 document_uri: string; 13 14 quotesAndMentions: { uri: string; link?: string }[]; 14 15 comments: Comment[]; ··· 38 39 <div className="snap-center h-full flex z-10 shrink-0 w-[calc(var(--page-width-units)-6px)] sm:w-[calc(var(--page-width-units))]"> 39 40 <div 40 41 id="interaction-drawer" 41 41 - className="opaque-container rounded-l-none! rounded-r-lg! h-full w-full px-3 sm:px-4 pt-2 sm:pt-3 pb-6 overflow-scroll -ml-[1px] " 42 42 + className={`opaque-container h-full w-full px-3 sm:px-4 pt-2 sm:pt-3 pb-6 overflow-scroll -ml-[1px] ${props.showPageBackground ? "rounded-l-none! rounded-r-lg!" : "rounded-lg! sm:mx-2"}`} 42 43 > 43 44 {drawer.drawer === "quotes" ? ( 44 45 <Quotes {...props} quotesAndMentions={filteredQuotesAndMentions} />

+2

app/lish/[did]/[publication]/[rkey]/PostPages.tsx

··· 269 269 270 270 {drawer && !drawer.pageId && ( 271 271 <InteractionDrawer 272 272 + showPageBackground={pubRecord?.theme?.showPageBackground} 272 273 document_uri={document.uri} 273 274 comments={ 274 275 pubRecord?.preferences?.showComments === false ··· 359 360 /> 360 361 {drawer && drawer.pageId === page.id && ( 361 362 <InteractionDrawer 363 363 + showPageBackground={pubRecord?.theme?.showPageBackground} 362 364 pageId={page.id} 363 365 document_uri={document.uri} 364 366 comments={