leaflet.pub
a tool for shared writing and social publishing
some fixes
cozylittle.house
+6
-7
+1
-1
app/lish/[did]/[publication]/[rkey]/CanvasPage.tsx
+1
-1
app/lish/[did]/[publication]/[rkey]/CanvasPage.tsx
···
202
202
commentsCount: number | undefined;
203
203
}) => {
204
204
return (
205
-
<div className="flex flex-row gap-3 items-center absolute sm:top-4 sm:right-4 bg-bg-page border-border-light rounded-md px-2 py-1 h-fit z-20">
205
+
<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">
206
206
<Interactions
207
207
quotesCount={props.quotesCount || 0}
208
208
commentsCount={props.commentsCount || 0}
+3
-3
components/Canvas.tsx
+3
-3
components/Canvas.tsx
···
25
25
PubLeafletPublication,
26
26
PubLeafletPublicationRecord,
27
27
} from "lexicons/api";
28
+
import { getCommentCount } from "app/lish/[did]/[publication]/[rkey]/Interactions/Interactions";
28
29
29
30
export function Canvas(props: {
30
31
entityID: string;
···
71
72
>
72
73
<AddCanvasBlockButton entityID={props.entityID} entity_set={entity_set} />
73
74
74
-
<CanvasMetadata isSubpage={props.first} />
75
+
<CanvasMetadata isSubpage={!props.first} />
75
76
76
77
<CanvasContent {...props} />
77
78
</div>
···
158
159
let showComments = pubRecord.preferences?.showComments;
159
160
160
161
return (
161
-
<div className="flex flex-row gap-3 items-center absolute sm:top-4 sm:right-4 bg-bg-page border-border-light rounded-md px-2 py-1 h-fit z-20">
162
-
{/*ONLY IF SHOW COMMENTS PREF IS ON*/}
162
+
<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">
163
163
{showComments && (
164
164
<div className="flex gap-1 text-tertiary items-center">
165
165
<CommentTiny className="text-border" /> —
+2
-3
components/Pages/Page.tsx
+2
-3
components/Pages/Page.tsx
···
99
99
className={`
100
100
pageScrollWrapper
101
101
grow
102
-
103
102
shrink-0 snap-center
104
103
overflow-y-scroll
105
104
${
···
115
114
${
116
115
props.pageType === "canvas" &&
117
116
!props.fullPageScroll &&
118
-
"max-w-[100vw] sm:max-w-[calc(100vw-128px)] lg:max-w-fit lg:w-[calc(var(--page-width-units)*2 + 24px))]"
117
+
"max-w-[var(--page-width-units)] sm:max-w-[calc(100vw-128px)] lg:max-w-fit lg:w-[calc(var(--page-width-units)*2 + 24px))]"
119
118
}
120
119
121
120
`}
···
126
125
`}
127
126
>
128
127
{props.children}
129
-
<div className="h-4 sm:h-6 w-full" />
130
128
</div>
131
129
</div>
132
130
{props.pageOptions}
···
203
201
/>
204
202
) : null}
205
203
<Blocks entityID={props.entityID} />
204
+
<div className="h-4 sm:h-6 w-full" />
206
205
{/* we handle page bg in this sepate div so that
207
206
we can apply an opacity the background image
208
207
without affecting the opacity of the rest of the page */}