a tool for shared writing and social publishing

added a bit of padding under the bottom of posts, deleted unused code

+28 -54
+1 -1
app/lish/[did]/[publication]/[rkey]/Interactions/Interactions.tsx
··· 42 42 43 43 return ( 44 44 <div 45 - className={`flex gap-2 text-tertiary ${props.compact ? "text-sm" : ""} ${props.className}`} 45 + className={`flex gap-2 text-tertiary px-3 sm:px-4 ${props.compact ? "text-sm" : ""} ${props.className}`} 46 46 > 47 47 <button 48 48 className={`flex gap-1 items-center ${!props.compact && "px-1 py-0.5 border border-border-light rounded-lg trasparent-outline selected-outline"}`}
+27 -53
app/lish/[did]/[publication]/[rkey]/PostPages.tsx
··· 98 98 quotesCount={document.document_mentions_in_bsky.length} 99 99 commentsCount={document.comments_on_documents.length} 100 100 /> 101 - <hr className="border-border-light mb-4 mt-4" /> 102 - {identity && 103 - identity.atp_did === 104 - document.documents_in_publications[0]?.publications?.identity_did ? ( 105 - <a 106 - href={`https://leaflet.pub/${document.leaflets_in_publications[0]?.leaflet}`} 107 - className="flex gap-2 items-center hover:!no-underline selected-outline px-2 py-0.5 bg-accent-1 text-accent-2 font-bold w-fit rounded-lg !border-accent-1 !outline-accent-1 mx-auto" 108 - > 109 - <EditTiny /> Edit Post 110 - </a> 111 - ) : ( 112 - <SubscribeWithBluesky 113 - isPost 114 - base_url={getPublicationURL( 115 - document.documents_in_publications[0].publications, 116 - )} 117 - pub_uri={document.documents_in_publications[0].publications.uri} 118 - subscribers={ 119 - document.documents_in_publications[0].publications 120 - .publication_subscriptions 121 - } 122 - pubName={name} 123 - /> 124 - )} 101 + <hr className="border-border-light mb-4 mt-4 sm:mx-4 mx-3" /> 102 + <div className="pb-6 sm:px-4 px-3"> 103 + {identity && 104 + identity.atp_did === 105 + document.documents_in_publications[0]?.publications 106 + ?.identity_did ? ( 107 + <a 108 + href={`https://leaflet.pub/${document.leaflets_in_publications[0]?.leaflet}`} 109 + className="flex gap-2 items-center hover:!no-underline selected-outline px-2 py-0.5 bg-accent-1 text-accent-2 font-bold w-fit rounded-lg !border-accent-1 !outline-accent-1 mx-auto" 110 + > 111 + <EditTiny /> Edit Post 112 + </a> 113 + ) : ( 114 + <SubscribeWithBluesky 115 + isPost 116 + base_url={getPublicationURL( 117 + document.documents_in_publications[0].publications, 118 + )} 119 + pub_uri={document.documents_in_publications[0].publications.uri} 120 + subscribers={ 121 + document.documents_in_publications[0].publications 122 + .publication_subscriptions 123 + } 124 + pubName={name} 125 + /> 126 + )} 127 + </div> 125 128 </PageWrapper> 126 129 127 130 {drawerOpen && ( ··· 192 195 </div> 193 196 ); 194 197 }; 195 - 196 - const PostPageWrapper = (props: { 197 - children: React.ReactNode; 198 - hasPageBackground: boolean; 199 - fullPageScroll: boolean; 200 - }) => { 201 - return ( 202 - <div 203 - id="post-page" 204 - className={` 205 - postPageWrapper 206 - relative overflow-y-auto 207 - w-full sm:mx-0 208 - shrink-0 snap-center 209 - ${!props.fullPageScroll && "max-w-[var(--page-width-units)]"} 210 - ${ 211 - props.hasPageBackground 212 - ? "h-full bg-[rgba(var(--bg-page),var(--bg-page-alpha))] rounded-lg border border-border pt-2 pb-3" 213 - : "sm:h-[calc(100%+48px)] h-[calc(100%+28px)] sm:-my-6 sm:py-6 -my-3 py-3 " 214 - }`} 215 - > 216 - <div 217 - className={`postPageContent sm:max-w-[var(--page-width-units)] mx-auto h-fit w-full ${!props.hasPageBackground ? "px-4 sm:pt-3 pt-2" : "px-3 sm:px-4"}`} 218 - > 219 - {props.children} 220 - </div> 221 - </div> 222 - ); 223 - };