Saeed0920/inogen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix the width of charts in dashboard

Browse Source
This commit is contained in:
Saeed AB 2025-09-17 13:00:51 +03:30
parent bf973d3147
commit efe32f8084
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/components/dashboard/dashboard-home.tsx
View File

@ -312,7 +312,7 @@ export function DashboardHome() {
return ( return (
<DashboardLayout> <DashboardLayout>
<div className="grid gird-cols-3 p-3 pb-0 gap-4"> <div className="grid grid-cols-3 p-3 pb-0 gap-4">
{/* Top Cards Row - Redesigned to match other components */} {/* Top Cards Row - Redesigned to match other components */}
<div className="flex justify-between gap-6 [&>*]:w-full col-span-3"> <div className="flex justify-between gap-6 [&>*]:w-full col-span-3">
{/* Ideas Card */} {/* Ideas Card */}
@ -378,7 +378,7 @@ export function DashboardHome() {
gridType="circle" gridType="circle"
radialLines={false} radialLines={false}
stroke="none" stroke="none"
className="first:fill-red-400 last:fill-background" className="first:fill-red-400 last:fill-[#111628]"
polarRadius={[38, 31]} polarRadius={[38, 31]}
/> />
<RadialBar <RadialBar
@ -506,7 +506,7 @@ export function DashboardHome() {
gridType="circle" gridType="circle"
radialLines={false} radialLines={false}
stroke="none" stroke="none"
className="first:fill-red-400 last:fill-background" className="first:fill-red-400 last:fill-[#111628]"
polarRadius={[38, 31]} polarRadius={[38, 31]}
/> />
<RadialBar <RadialBar
@ -604,12 +604,12 @@ export function DashboardHome() {
</TabsList> </TabsList>
</div> </div>
<TabsContent value="charts" className="w-ful h-full"> <TabsContent value="charts" className="h-full">
<InteractiveBarChart data={companyChartData} /> <InteractiveBarChart data={companyChartData} />
</TabsContent> </TabsContent>
<TabsContent value="canvas" className="w-ful h-full"> <TabsContent value="canvas" className="w-ful h-full">
<div className="p-4 h-full"> <div className="p-4 h-full w-full">
<D3ImageInfo <D3ImageInfo
companies={ companies={
companyChartData.map((item) => { companyChartData.map((item) => {

2
app/components/dashboard/interactive-bar-chart.tsx
View File

@ -44,7 +44,7 @@ export function InteractiveBarChart({
return ( return (
<Card className="py-0 bg-transparent mt-8 border-none h-full"> <Card className="py-0 bg-transparent mt-8 border-none h-full">
<CardContent className="p-2 bg-transparent"> <CardContent className="p-2 bg-transparent">
<ChartContainer config={chartConfig} className="aspect-auto h-96 w-full"> <ChartContainer config={chartConfig} className="aspect-auto h-96">
<BarChart <BarChart
accessibilityLayer accessibilityLayer
data={data} data={data}