Operations dashboard screens are added

This commit is contained in:
2026-07-20 18:06:04 +05:30
parent a0426e8c8a
commit 0c9151b3a0
33 changed files with 826 additions and 47 deletions

View File

@@ -16,10 +16,11 @@ import { CardHeader } from "@/utils/cardHeader";
export default function ServiceEngineerPortal() {
return (
<div className="text-slate-100 font-sans antialiased">
<div className="my-15 text-slate-100 ">
{/* --- HEADER SECTION --- */}
<div className="pt-20 flex flex-col md:flex-row md:items-start md:justify-between gap-4 mb-8">
<div className=" flex flex-col
md:flex-row md:items-start md:justify-between gap-4 mb-4">
<div>
<div className="flex items-center gap-2 text-[10px] font-bold tracking-widest text-slate-500 uppercase font-mono">
<span className="text-teal-400">Apple One HQ Tower</span>
@@ -28,7 +29,7 @@ export default function ServiceEngineerPortal() {
<span></span>
<span>Service Engineer</span>
</div>
<h1 className="text-2xl font-extrabold text-white tracking-tight mt-2">
<h1 className="text-2xl font-bold text-white tracking-tight mt-2">
Service engineer portal
</h1>
<p className="text-sm font-medium text-slate-400 mt-2 max-w-xl leading-relaxed">
@@ -37,7 +38,7 @@ export default function ServiceEngineerPortal() {
</div>
{/* Action Buttons */}
<div className="flex items-center gap-3 self-start md:mt-6">
<div className="flex items-center gap-3 self-start md:mt-15">
<Button className="flex items-center gap-2 px-4 py-2 bg-[#091624] hover:bg-[#11233a] border border-[#142538] rounded-xl text-xs font-semibold text-slate-200 transition-colors duration-200 shadow-sm">
<FileText size={14} className="text-slate-400" />
Scan Qr