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 (
<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 */}
<div className="flex justify-between gap-6 [&>*]:w-full col-span-3">
{/* Ideas Card */}
@ -378,7 +378,7 @@ export function DashboardHome() {
gridType="circle"
radialLines={false}
stroke="none"
className="first:fill-red-400 last:fill-background"
className="first:fill-red-400 last:fill-[#111628]"
polarRadius={[38, 31]}
/>
<RadialBar
@ -506,7 +506,7 @@ export function DashboardHome() {
gridType="circle"
radialLines={false}
stroke="none"
className="first:fill-red-400 last:fill-background"
className="first:fill-red-400 last:fill-[#111628]"
polarRadius={[38, 31]}
/>
<RadialBar
@ -604,12 +604,12 @@ export function DashboardHome() {
</TabsList>
</div>
<TabsContent value="charts" className="w-ful h-full">
<TabsContent value="charts" className="h-full">
<InteractiveBarChart data={companyChartData} />
</TabsContent>
<TabsContent value="canvas" className="w-ful h-full">
<div className="p-4 h-full">
<div className="p-4 h-full w-full">
<D3ImageInfo
companies={
companyChartData.map((item) => {

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

@ -44,7 +44,7 @@ export function InteractiveBarChart({
return (
<Card className="py-0 bg-transparent mt-8 border-none h-full">
<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
accessibilityLayer
data={data}