matt/dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Standardize time period dropdowns

Browse Source
This commit is contained in:
Matt
2024-12-21 19:12:37 -05:00
parent 1cf33bf084
commit 9e331e3265
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
dashboard/src/components/dashboard/ProductGrid.jsx
View File

@@ -104,7 +104,7 @@ const ProductGrid = ({
</td> </td>
<td className="p-1 align-middle min-w-[200px]"> <td className="p-1 align-middle min-w-[200px]">
<div className="flex flex-col gap-1"> <div className="flex flex-col gap-1">
<Skeleton className="h-4 w-[180px]" /> <Skeleton className="h-4 w-[130px]" />
<Skeleton className="h-3 w-[120px]" /> <Skeleton className="h-3 w-[120px]" />
</div> </div>
</td> </td>
@@ -183,7 +183,7 @@ const ProductGrid = ({
value={selectedTimeRange} value={selectedTimeRange}
onValueChange={handleTimeRangeChange} onValueChange={handleTimeRangeChange}
> >
<SelectTrigger className="w-[120px] h-9"> <SelectTrigger className="w-[130px] h-9">
<SelectValue placeholder="Select time range" /> <SelectValue placeholder="Select time range" />
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>

2
dashboard/src/components/dashboard/SalesChart.jsx
View File

@@ -848,7 +848,7 @@ const SalesChart = ({
value={selectedTimeRange} value={selectedTimeRange}
onValueChange={handleTimeRangeChange} onValueChange={handleTimeRangeChange}
> >
<SelectTrigger className="w-[180px] h-9"> <SelectTrigger className="w-[130px] h-9">
<SelectValue placeholder="Select time range" /> <SelectValue placeholder="Select time range" />
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>

6
dashboard/src/components/dashboard/StatCards.jsx
View File

@@ -1501,7 +1501,7 @@ const StatCards = ({
</div> </div>
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
<Skeleton className="h-4 w-32" /> <Skeleton className="h-4 w-32" />
<Skeleton className="h-9 w-[180px]" /> <Skeleton className="h-9 w-[130px]" />
</div> </div>
</div> </div>
</div> </div>
@@ -1536,7 +1536,7 @@ const StatCards = ({
</span> </span>
)} )}
<Select value={timeRange} onValueChange={setTimeRange}> <Select value={timeRange} onValueChange={setTimeRange}>
<SelectTrigger className="w-[180px] h-9"> <SelectTrigger className="w-[130px] h-9">
<SelectValue placeholder="Select time range" /> <SelectValue placeholder="Select time range" />
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
@@ -1587,7 +1587,7 @@ const StatCards = ({
</span> </span>
)} )}
<Select value={timeRange} onValueChange={setTimeRange}> <Select value={timeRange} onValueChange={setTimeRange}>
<SelectTrigger className="w-[180px] h-9"> <SelectTrigger className="w-[130px] h-9">
<SelectValue placeholder="Select time range" /> <SelectValue placeholder="Select time range" />
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>