-1

app/[leaflet_id]/actions/PublishButton.tsx

Reviewed

··· 108 108 let { identity } = useIdentityData(); 109 109 let { permission_token } = useReplicache(); 110 110 let query = useSearchParams(); 111 111 - console.log(query.get("publish")); 112 111 let [open, setOpen] = useState(query.get("publish") !== null); 113 112 114 113 let isMobile = useIsMobile();

+6 -4

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

Reviewed

··· 22 22 import { useDrawerOpen } from "./Interactions/InteractionDrawer"; 23 23 import { PollData } from "./fetchPollData"; 24 24 import { SharedPageProps } from "./PostPages"; 25 25 + import { useIsMobile } from "src/hooks/isMobile"; 25 26 26 27 export function CanvasPage({ 27 28 blocks, ··· 206 207 quotesCount: number | undefined; 207 208 commentsCount: number | undefined; 208 209 }) => { 210 210 + let isMobile = useIsMobile(); 209 211 return ( 210 210 - <div className="flex flex-row gap-3 items-center absolute top-6 right-3 sm:top-4 sm:right-4 bg-bg-page border-border-light rounded-md px-2 py-1 h-fit z-20"> 212 212 + <div className="flex flex-row gap-3 items-center absolute top-3 right-3 sm:top-4 sm:right-4 bg-bg-page border-border-light rounded-md px-2 py-1 h-fit z-20"> 211 213 <Interactions 212 214 quotesCount={props.quotesCount || 0} 213 215 commentsCount={props.commentsCount || 0} ··· 219 221 <> 220 222 <Separator classname="h-5" /> 221 223 <Popover 222 222 - side="left" 223 223 - align="start" 224 224 - className="flex flex-col gap-2 p-0! max-w-sm w-[1000px]" 224 224 + side="bottom" 225 225 + align="end" 226 226 + className={`flex flex-col gap-2 p-0! text-primary ${isMobile ? "w-full" : "max-w-sm w-[1000px] t"}`} 225 227 trigger={<InfoSmall />} 226 228 > 227 229 <PostHeader

+2 -2

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

Reviewed

··· 66 66 </a> 67 67 )} 68 68 </div> 69 69 - <h2 className="">{record.title}</h2> 69 69 + <h2 className="leading-tight">{record.title}</h2> 70 70 {record.description ? ( 71 71 - <p className="italic text-secondary">{record.description}</p> 71 71 + <p className="italic text-secondary pt-1">{record.description}</p> 72 72 ) : null} 73 73 74 74 <div className="text-sm text-tertiary pt-3 flex gap-1 flex-wrap">