leaflet.pub
a tool for shared writing and social publishing
use dynamic width on pub homepage
awarm.space
+2
-2
+2
-2
app/lish/[did]/[publication]/PublicationHomeLayout.tsx
+2
-2
app/lish/[did]/[publication]/PublicationHomeLayout.tsx
···
11
11
return (
12
12
<div
13
13
ref={props.showPageBackground ? null : ref}
14
-
className={`pubWrapper flex flex-col sm:py-6 h-full ${props.showPageBackground ? "max-w-prose mx-auto sm:px-0 px-[6px] py-2" : "w-full overflow-y-scroll"}`}
14
+
className={`pubWrapper flex flex-col sm:py-6 h-full ${props.showPageBackground ? "max-w-(--page-width-units) mx-auto sm:px-0 px-[6px] py-2" : "w-full overflow-y-scroll"}`}
15
15
>
16
16
<div
17
17
ref={!props.showPageBackground ? null : ref}
18
-
className={`pub sm:max-w-prose max-w-(--page-width-units) w-[1000px] mx-auto px-3 sm:px-4 py-5 ${props.showPageBackground ? "overflow-auto h-full bg-[rgba(var(--bg-page),var(--bg-page-alpha))] border border-border rounded-lg" : "h-fit"}`}
18
+
className={`pub max-w-(--page-width-units) w-[1000px] mx-auto px-3 sm:px-4 py-5 ${props.showPageBackground ? "overflow-auto h-full bg-[rgba(var(--bg-page),var(--bg-page-alpha))] border border-border rounded-lg" : "h-fit"}`}
19
19
>
20
20
{props.children}
21
21
</div>