New_REP_SYSTEM/ERP-core
8
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

feat: enhance UI components and implement password reset flow with improved styling and validation

Browse Source
This commit is contained in:
Sasanka20
2026-07-09 15:32:49 +05:30
parent 339d7408ae
commit ce9e138444
17 changed files with 60 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Frontend/erp-system/app/dashboard/layout.tsx
+2 -4
View File
@@ -1,5 +1,4 @@
import { AppSidebar } from "@/components/Layouts/AppSidebar"
import { Footer } from "@/components/Layouts/Footer"
import { Header } from "@/components/Layouts/Header"
import { Toaster } from "@/components/ui/toast"
@@ -9,20 +8,19 @@ export default function DashboardLayout({
children: React.ReactNode
}) {
return (
<div className="flex min-h-screen bg-background">
<div className="flex h-screen overflow-hidden bg-background">
<AppSidebar />
<main className="flex flex-1 flex-col">
<Header />
<div className="flex-1 overflow-auto">
<div className="p-6 lg:p-8">
<div className="rounded-xl bg-card border border-border shadow-sm">
<div className="rounded-xl bg-card border border-gray-200 shadow-sm">
<div className="p-6">
{children}
</div>
</div>
</div>
</div>
<Footer className="border-t border-border mt-auto" />
</main>
<Toaster />
</div>
Frontend/erp-system/app/dashboard/page.tsx
+5 -5
View File
@@ -43,7 +43,7 @@ export default function DashboardPage() {
const [range, setRange] = React.useState<{ from: Date | undefined; to?: Date | undefined }>()
return (
<div className="flex flex-col gap-6">
<div className="flex flex-col gap-5 rounded-xl bg-card p-6 shadow-sm border border-border">
<div className="flex flex-col gap-5 rounded-xl bg-card p-6 shadow-sm border border-gray-200">
<div>
<p className="mb-2 text-sm font-semibold text-muted-foreground">Breadcrumb</p>
<div className="flex flex-col gap-3">
@@ -232,7 +232,7 @@ export default function DashboardPage() {
</div>
</div>
<div className="flex flex-col gap-5 rounded-xl bg-card p-6 shadow-sm border border-border">
<div className="flex flex-col gap-5 rounded-xl bg-card p-6 shadow-sm border border-gray-200">
<div>
<p className="mb-2 text-sm font-semibold text-muted-foreground">Alert Dialogs</p>
<div className="flex flex-wrap gap-2">
@@ -294,7 +294,7 @@ export default function DashboardPage() {
<RecentOrdersTable />
<div className="mt-6 grid grid-cols-1 gap-4 lg:grid-cols-3">
<div className="rounded-xl bg-card p-6 shadow-sm border border-border">
<div className="rounded-xl bg-card p-6 shadow-sm border border-gray-200">
<h3 className="mb-4 text-sm font-semibold text-foreground">Sales (Line)</h3>
<div className="h-56">
<LineChart
@@ -304,7 +304,7 @@ export default function DashboardPage() {
</div>
</div>
<div className="rounded-xl bg-card p-6 shadow-sm border border-border">
<div className="rounded-xl bg-card p-6 shadow-sm border border-gray-200">
<h3 className="mb-4 text-sm font-semibold text-foreground">Revenue (Bar)</h3>
<div className="h-56">
<BarChart
@@ -314,7 +314,7 @@ export default function DashboardPage() {
</div>
</div>
<div className="rounded-xl bg-card p-6 shadow-sm border border-border">
<div className="rounded-xl bg-card p-6 shadow-sm border border-gray-200">
<h3 className="mb-4 text-sm font-semibold text-foreground">Product Mix (Pie)</h3>
<div className="h-56">
<PieChart labels={["A","B","C"]} data={[45, 30, 25]} />