Skip to content

Commit 6dda1c2

Browse files
committed
[Dashboard] Fix overflow on team overview page (#5356)
## Problem solved Short description of the bug fixed or feature added <!-- start pr-codex --> --- ## PR-Codex overview This PR focuses on modifying the layout of the `PieChartCard` component in the `Analytics` section of the dashboard. It changes a `div` class to improve the responsiveness and wrapping behavior of the child elements. ### Detailed summary - Changed the class of a `div` from `flex-nowrap` to `flex-wrap` to allow child elements to wrap in the `PieChartCard`. > ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your question}` <!-- end pr-codex -->
1 parent 6b1f418 commit 6dda1c2

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

apps/dashboard/src/app/team/components/Analytics/PieChartCard.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -60,7 +60,7 @@ export function PieChartCard({
6060
<PieChart title={title} data={processedData} />
6161
</CardContent>
6262
<CardFooter className="no-scrollbar flex max-w-full justify-center p-6 pt-0 max-md:overflow-x-auto">
63-
<div className="flex flex-nowrap justify-center gap-x-4 gap-y-2.5 md:flex-wrap">
63+
<div className="flex flex-wrap justify-center gap-x-4 gap-y-2.5">
6464
{processedData.map(
6565
({ label, fill }: { label: string; fill?: string }) => (
6666
<div key={fill} className="flex items-center gap-2">

0 commit comments

Comments
 (0)