admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Changes in Monthly Expense weidget.

Browse Source
This commit is contained in:
Kartik Sharma 2025-10-04 12:20:59 +05:30
parent 997971629f
commit 87d13d0f77
2 changed files with 20 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Dashboard/ExpenseAnalysis.jsx
View File

@ -71,10 +71,10 @@ const { labels, series, total } = useMemo(() => {
return (
<>
<div className="card-header d-flex justify-content-between align-items-center ">
<div className="card-header d-flex justify-content-between mt-2 align-items-center ">
<div>
<h5 className="mb-1 fw-bold">Expense Breakdown</h5>
<p className="card-subtitle me-3">Detailed project expenses</p>
<h5 className="mb-1 fw-bold text-start">Expense Breakdown</h5>
<p className="card-subtitle">Category Wise Expense Breakdown</p>
</div>
<div className="text-end">

33
src/components/Dashboard/ExpenseByProject.jsx
View File

@ -108,6 +108,23 @@ const ExpenseByProject = () => {
</li>
</ul>
</div>
</div>
{/* Range Buttons + Expense Dropdown */}
<div className="d-flex align-items-center flex-wrap">
{["1M", "3M", "6M", "12M", "All"].map((item) => (
<button
key={item}
className={`border-0 px-2 py-1 text-sm rounded ${range === item
? "text-white bg-primary"
: "text-body bg-transparent"
}`}
style={{ cursor: "pointer", transition: "all 0.2s ease" }}
onClick={() => setRange(item)}
>
{item}
</button>
))}
{viewMode === "Category" && (
<select
className="form-select form-select-sm ms-auto mb-3"
@ -126,22 +143,6 @@ const ExpenseByProject = () => {
)}
</div>
{/* Range Buttons + Expense Dropdown */}
<div className="d-flex gap-2 align-items-center flex-wrap">
{["1M", "3M", "6M", "12M", "All"].map((item) => (
<button
key={item}
className={`border-0 px-2 py-1 text-sm rounded ${range === item
? "text-white bg-primary"
: "text-body bg-transparent"
}`}
style={{ cursor: "pointer", transition: "all 0.2s ease" }}
onClick={() => setRange(item)}
>
{item}
</button>
))}
</div>
</div>
{/* Chart */}