Changes done in ui screens

This commit is contained in:
2026-07-28 19:11:10 +05:30
parent b8e833dbb9
commit 7ce1f2705e
33 changed files with 1944 additions and 1248 deletions

View File

@@ -19,12 +19,12 @@ export default function WorkFlowAutomationPortal() {
{/* --- 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">CONFIGURE</span>
<span className="text-slate-500"></span>
<span className="text-slate-500">AUTOMATION</span>
<span className="text-slate-600"></span>
<span className="text-slate-400">CONFIGURE</span>
<span className="text-slate-600"></span>
<span className="text-slate-400">AUTOMATION</span>
</div>
<h1 className="text-2xl font-bold text-white tracking-tight mt-2">
Workflow automation
@@ -113,9 +113,9 @@ export default function WorkFlowAutomationPortal() {
<span className="text-[10px] font-mono tracking-widest text-slate-400 uppercase">
WHEN
</span>
<button className="px-3.5 py-1.5 rounded-lg border border-[#2DD4BF]/40 text-[#2DD4BF] text-xs font-mono font-medium transition-colors">
<Button className="px-3.5 py-1.5 rounded-lg border border-[#2DD4BF]/40 text-[#2DD4BF] text-xs font-mono font-medium transition-colors">
Trigger event
</button>
</Button>
</div>
{/* IF Step */}
@@ -123,9 +123,9 @@ export default function WorkFlowAutomationPortal() {
<span className="text-[10px] font-mono tracking-widest text-slate-400 uppercase">
IF
</span>
<button className="px-3.5 py-1.5 rounded-lg border border-slate-700 text-slate-300 text-xs font-mono font-medium transition-colors">
<Button className="px-3.5 py-1.5 rounded-lg border border-slate-700 text-slate-300 text-xs font-mono font-medium transition-colors">
Condition
</button>
</Button>
</div>
{/* THEN Step */}
@@ -133,9 +133,9 @@ export default function WorkFlowAutomationPortal() {
<span className="text-[10px] font-mono tracking-widest text-slate-400 uppercase">
THEN
</span>
<button className="px-3.5 py-1.5 rounded-lg border border-[#2DD4BF]/30 text-[#2DD4BF] text-xs font-mono font-medium transition-colors">
<Button className="px-3.5 py-1.5 rounded-lg border border-[#2DD4BF]/30 text-[#2DD4BF] text-xs font-mono font-medium transition-colors">
Action
</button>
</Button>
</div>
</div>