shaily/KAFM-Project
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changes done in ui screens

Browse Source
This commit is contained in:
Shaily Mishra
2026-07-28 19:11:10 +05:30
parent b8e833dbb9
commit 7ce1f2705e
33 changed files with 1944 additions and 1248 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/dashboard/compliance/auditAndSurvey.tsx
View File

@@ -22,12 +22,12 @@ export default function AuditSurveyPortal() {
{/* --- HEADER SECTION --- */}
<div className="flex flex-col md:flex-row md:items-start md:justify-between gap-4 mb-6">
<div>
<div className="flex items-center gap-2 text-[10px] font-bold tracking-widest uppercase font-mono">
<div className="flex items-center gap-2 text-[12px] font-bold tracking-widest uppercase font-mono">
<span className="text-teal-400">Apple One — HQ Tower</span>
<span className="text-slate-500">•</span>
<span className="text-slate-500">COMPLIANCE</span>
<span className="text-slate-500">•</span>
<span className="text-slate-500">AUDIT & SURVEY</span>
<span className="text-slate-600">•</span>
<span className="text-slate-400">COMPLIANCE</span>
<span className="text-slate-600">•</span>
<span className="text-slate-400">AUDIT & SURVEY</span>
</div>
<h1 className="text-2xl font-bold text-white tracking-tight mt-2">
Audit & survey management

10
components/dashboard/compliance/contracts.tsx
View File

@@ -21,12 +21,12 @@ export default function ContractsPortal() {
{/* --- HEADER SECTION --- */}
<div className="flex flex-col md:flex-row md:items-start md:justify-between gap-4 mb-6">
<div>
<div className="flex items-center gap-2 text-[10px] font-bold tracking-widest text-emerald-400 uppercase font-mono">
<div className="flex items-center gap-2 text-[12px] font-bold tracking-widest text-emerald-400 uppercase font-mono">
<span>Apple One — HQ Tower</span>
<span className="text-slate-500">•</span>
<span className="text-slate-500">COMPLIANCE</span>
<span className="text-slate-500">•</span>
<span className="text-slate-500"> Contracts</span>
<span className="text-slate-600">•</span>
<span className="text-slate-400">COMPLIANCE</span>
<span className="text-slate-600">•</span>
<span className="text-slate-400"> Contracts</span>
</div>
<h1 className="text-2xl font-bold text-white tracking-tight mt-2">
Contract management

12
components/dashboard/compliance/fireAndSafety.tsx
View File

@@ -23,12 +23,12 @@ export default function FireSafetyPortal() {
{/* --- HEADER SECTION --- */}
<div className="flex flex-col md:flex-row md:items-start md:justify-between gap-4 mb-6">
<div>
<div className="flex items-center gap-2 text-[10px] font-bold tracking-widest uppercase font-mono">
<div className="flex items-center gap-2 text-[12px] font-bold tracking-widest uppercase font-mono">
<span className="text-teal-400">Apple One — HQ Tower</span>
<span className="text-slate-500">•</span>
<span className="text-slate-500">COMPLIANCE</span>
<span className="text-slate-500">•</span>
<span className="text-slate-500"> FIRE & SAFETY</span>
<span className="text-slate-600">•</span>
<span className="text-slate-400">COMPLIANCE</span>
<span className="text-slate-600">•</span>
<span className="text-slate-400"> FIRE & SAFETY</span>
</div>
<h1 className="text-2xl font-bold text-white tracking-tight mt-2">
Fire & safety management
@@ -102,7 +102,7 @@ export default function FireSafetyPortal() {
{/* --- MAIN CONTENT LAYOUT --- */}
<div className="grid grid-cols-1 lg:grid-cols-3 gap-4">
{/* Left Column: Safety equipment inspection Table */}
<div className="lg:col-span-2 rounded-xl border border-slate-800/80 bg-[#071321]/80 p-5">
<div className="lg:col-span-2 rounded-xl border border-slate-800/80 p-5">
<div className="flex items-center justify-between mb-4">
<h2 className="text-base font-bold text-slate-100">
Safety equipment inspection

12
components/dashboard/compliance/statutoryCompliance.tsx
View File

@@ -1,4 +1,4 @@
import { useState } from 'react';
import {
Layers,
ShieldCheck,
@@ -32,12 +32,12 @@ export default function StatutoryCompliancePortal() {
{/* --- HEADER SECTION --- */}
<div className="flex flex-col md:flex-row md:items-start md:justify-between gap-4 mb-6">
<div>
<div className="flex items-center gap-2 text-[10px] font-bold tracking-widest text-slate-500 uppercase font-mono">
<div className="flex items-center gap-2 text-[12px] font-bold tracking-widest text-slate-500 uppercase font-mono">
<span className="text-teal-400">Apple One — HQ Tower</span>
<span>•</span>
<span>Compliance</span>
<span>•</span>
<span>Statutory</span>
<span className="text-gray-600">•</span>
<span className="text-gray-400">Compliance</span>
<span className="text-gray-600">•</span>
<span className="text-gray-400">Statutory</span>
</div>
<h1 className="text-2xl font-extrabold text-white tracking-tight mt-1.5">
Statutory compliance tracker

16
components/dashboard/compliance/training.tsx
View File

@@ -1,10 +1,8 @@
import { useState } from 'react';
import {
ShieldCheck,
Clock,
AlertTriangle,
Calendar,
Layers,
Plus,
GraduationCap,
Star,
@@ -28,12 +26,12 @@ export default function TrainingPortal() {
{/* --- HEADER SECTION --- */}
<div className="flex flex-col md:flex-row md:items-start md:justify-between gap-4 mb-6">
<div>
<div className="flex items-center gap-2 text-[10px] font-bold tracking-widest uppercase font-mono">
<div className="flex items-center gap-2 text-[12px] font-bold tracking-widest uppercase font-mono">
<span className="text-teal-400">Apple One — HQ Tower</span>
<span className="text-slate-500">•</span>
<span className="text-slate-500">COMPLIANCE</span>
<span className="text-slate-500">•</span>
<span className="text-slate-500">TRAINING</span>
<span className="text-slate-600">•</span>
<span className="text-slate-400">COMPLIANCE</span>
<span className="text-slate-600">•</span>
<span className="text-slate-400">TRAINING</span>
</div>
<h1 className="text-2xl font-bold text-white tracking-tight mt-2">
Training & onboarding

12
components/dashboard/compliance/wasteAndEsg.tsx
View File

@@ -20,12 +20,12 @@ export default function WasteESGPortal() {
{/* --- HEADER SECTION --- */}
<div className="flex flex-col md:flex-row md:items-start md:justify-between gap-4 mb-6">
<div>
<div className="flex items-center gap-2 text-[10px] font-bold tracking-widest uppercase font-mono">
<div className="flex items-center gap-2 text-[12px] font-bold tracking-widest uppercase font-mono">
<span className="text-teal-400">Apple One — HQ Tower</span>
<span className="text-slate-500">•</span>
<span className="text-slate-500">SUSTAINABILITY</span>
<span className="text-slate-500">•</span>
<span className="text-slate-500">WASTE</span>
<span className="text-slate-600">•</span>
<span className="text-slate-400">SUSTAINABILITY</span>
<span className="text-slate-600">•</span>
<span className="text-slate-400">WASTE</span>
</div>
<h1 className="text-2xl font-bold text-white tracking-tight mt-2">
Waste management
@@ -97,7 +97,7 @@ export default function WasteESGPortal() {
</div>
{/* --- MAIN CONTENT SECTION BELOW STAT CARDS --- */}
<div className="grid grid-cols-1 lg:grid-cols-5 gap-4 mb-6">
<div className="grid grid-cols-1 lg:grid-cols-5 gap-4 mb-4">
{/* Waste by Stream Progress Chart */}
<div className="lg:col-span-3 rounded-xl border border-slate-800/80 bg-[#071321]/80 p-5 flex flex-col justify-between">
<div className="flex items-center justify-between mb-6">