Changes done in ui screens
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
import { useState } from 'react';
|
||||
import { Plus, Download } from 'lucide-react';
|
||||
|
||||
import Button from "@/components/common/button";
|
||||
import NavigationTabs from '@/components/common/tabs';
|
||||
import { reportFilters, reporttabs, Reqeusttabs, statusFilters } from '@/constants/constant';
|
||||
@@ -22,12 +22,12 @@ export default function ReportPortal() {
|
||||
{/* --- 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>INSIGHT</span>
|
||||
<span>•</span>
|
||||
<span>REPORTS</span>
|
||||
<span className="text-gray-600">•</span>
|
||||
<span className="text-gray-400">INSIGHT</span>
|
||||
<span className="text-gray-600">•</span>
|
||||
<span className="text-gray-400">REPORTS</span>
|
||||
</div>
|
||||
<h1 className="text-2xl font-bold text-white tracking-tight mt-2">
|
||||
Reports & MMR
|
||||
@@ -59,11 +59,11 @@ export default function ReportPortal() {
|
||||
onChange={setActiveFilter}
|
||||
/>
|
||||
|
||||
<button
|
||||
<Button
|
||||
className="inline-flex items-center gap-2 rounded-xl bg-teal-400 px-5 py-2.5 text-sm font-semibold text-slate-950 hover:bg-teal-300 transition-colors focus:outline-none focus:ring-2 focus:ring-teal-400/50 shrink-0"
|
||||
>
|
||||
Download
|
||||
</button>
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
<div className='mt-5'>
|
||||
|
||||
Reference in New Issue
Block a user