leaflet.pub
a tool for shared writing and social publishing
make dashaboard responsive
awarm.space
+5
-2
app/lish/[did]/[publication]/dashboard/PublicationAnalytics.tsx
+5
-2
app/lish/[did]/[publication]/dashboard/PublicationAnalytics.tsx
···
196
196
)}
197
197
</div>
198
198
<TrafficChart data={filledTraffic} isLoading={analyticsLoading} metric={trafficMetric} />
199
-
<div className="flex gap-4 mt-2">
199
+
<div className="flex flex-col sm:flex-row gap-4 mt-2">
200
200
<TopPages
201
201
pages={analyticsData?.topPages || []}
202
202
selectedPost={selectedPost}
···
296
296
allowDecimals={false}
297
297
tickFormatter={formatYTick}
298
298
tickMargin={4}
299
+
width={40}
299
300
/>
300
-
<Tooltip />
301
+
<Tooltip isAnimationActive={false} />
301
302
<Area
302
303
type="monotone"
303
304
dataKey="total_subscribers"
···
372
373
allowDecimals={false}
373
374
tickFormatter={formatYTick}
374
375
tickMargin={4}
376
+
width={40}
375
377
/>
376
378
<Tooltip
379
+
isAnimationActive={false}
377
380
content={({ active, payload, label }) => {
378
381
if (!active || !payload?.length) return null;
379
382
let pageviews =