a tool for shared writing and social publishing

fixing the width of thread and quote pages so they don't get too wide

+4 -1
+1
app/lish/[did]/[publication]/[rkey]/BlueskyQuotesPage.tsx
··· 43 43 id={`post-page-${pageId}`} 44 44 drawerOpen={false} 45 45 pageOptions={pageOptions} 46 + fixedWidth 46 47 > 47 48 <div className="flex flex-col sm:px-4 px-3 sm:pt-3 pt-2 pb-1 sm:pb-4"> 48 49 <h4 className="text-secondary font-bold mb-2">Bluesky Quotes</h4>
+1
app/lish/[did]/[publication]/[rkey]/ThreadPage.tsx
··· 51 51 id={`post-page-${pageId}`} 52 52 drawerOpen={false} 53 53 pageOptions={pageOptions} 54 + fixedWidth 54 55 > 55 56 <div className="flex flex-col sm:px-4 px-3 sm:pt-3 pt-2 pb-1 sm:pb-4 w-full"> 56 57 {isLoading ? (
+2 -1
components/Pages/Page.tsx
··· 80 80 onClickAction?: (e: React.MouseEvent) => void; 81 81 pageType: "canvas" | "doc"; 82 82 drawerOpen: boolean | undefined; 83 + fixedWidth?: boolean; 83 84 }) => { 84 85 const cardBorderHidden = useCardBorderHidden(); 85 86 let { ref } = usePreserveScroll<HTMLDivElement>(props.id); ··· 112 113 } 113 114 ${cardBorderHidden && "sm:h-[calc(100%+48px)] h-[calc(100%+20px)] sm:-my-6 -my-3 sm:pt-6 pt-3"} 114 115 ${props.fullPageScroll && "max-w-full "} 115 - ${props.pageType === "doc" && !props.fullPageScroll && "w-[10000px] sm:mx-0 max-w-[var(--page-width-units)]"} 116 + ${props.pageType === "doc" && !props.fullPageScroll ? (props.fixedWidth ? "sm:max-w-prose max-w-[var(--page-width-units)]" : "w-[10000px] sm:mx-0 max-w-[var(--page-width-units)]") : ""} 116 117 ${ 117 118 props.pageType === "canvas" && 118 119 !props.fullPageScroll &&