leaflet.pub
a tool for shared writing and social publishing
fixed up some weirdness that happened with merging
cozylittle.house
+18
-33
+17
-32
app/p/[didOrHandle]/ProfilePageLayout.tsx
+17
-32
app/p/[didOrHandle]/ProfilePageLayout.tsx
···
75
75
max-w-prose mx-auto w-full h-full
76
76
flex flex-col
77
77
border border-border-light rounded-lg
78
-
text-center px-3 sm:px-4 mt-8`}
78
+
text-center mt-8`}
79
79
>
80
80
<Avatar
81
81
src={
···
86
86
className="mx-auto -mt-8"
87
87
giant
88
88
/>
89
-
<h3 className="pt-2 leading-tight">
90
-
{profileRecord.displayName
91
-
? profileRecord.displayName
92
-
: `@${props.profile?.handle}`}
93
-
</h3>
94
-
{profileRecord.displayName && (
95
-
<div className="text-tertiary text-sm pb-1 italic">
96
-
@{props.profile?.handle}
89
+
<div className=" px-3 sm:px-4 flex flex-col ">
90
+
<h3 className="pt-2 leading-tight">
91
+
{profileRecord.displayName
92
+
? profileRecord.displayName
93
+
: `@${props.profile?.handle}`}
94
+
</h3>
95
+
{profileRecord.displayName && (
96
+
<div className="text-tertiary text-sm pb-1 italic">
97
+
@{props.profile?.handle}
98
+
</div>
99
+
)}
100
+
<div className="text-secondary">{profileRecord.description}</div>
101
+
<div className="flex flex-row gap-2 mx-auto my-3">
102
+
<div>pub 1</div>
103
+
<div>pub 2</div>
97
104
</div>
98
-
)}
99
-
<div className="text-secondary">{profileRecord.description}</div>
100
-
<div className="flex flex-row gap-2 mx-auto my-3">
101
-
<div>pub 1</div>
102
-
<div>pub 2</div>
103
105
</div>
104
106
<ProfileTabs tab={tab} setTab={setTab} />
105
107
106
-
<div className="h-full overflow-y-scroll pt-2 flex flex-col">
108
+
<div className="h-full overflow-y-scroll pt-2 pb-4 px-3 sm:px-4 flex flex-col">
107
109
<TabContent
108
110
tab={tab}
109
111
did={props.profile.did}
···
111
113
nextCursor={props.nextCursor}
112
114
/>
113
115
</div>
114
-
<div className="text-secondary">{profileRecord.description}</div>
115
-
<div className="flex flex-row gap-2 mx-auto my-3">
116
-
{props.publications.map((p) => (
117
-
<PublicationCard
118
-
key={p.uri}
119
-
record={p.record as PubLeafletPublication.Record}
120
-
uri={p.uri}
121
-
/>
122
-
))}
123
-
</div>
124
-
<ProfileTabs tab={tab} setTab={setTab} />
125
-
<TabContent
126
-
tab={tab}
127
-
did={props.profile.did}
128
-
posts={props.posts}
129
-
nextCursor={props.nextCursor}
130
-
/>
131
116
</div>
132
117
</div>
133
118
);
+1
-1
app/p/[didOrHandle]/ProfileTabs/Tabs.tsx
+1
-1
app/p/[didOrHandle]/ProfileTabs/Tabs.tsx