Align deployment mode buttons

This commit is contained in:
Lisa Ops
2026-08-18 02:14:30 +07:00
parent ea50adcee6
commit ef4cbf1e39

View File

@@ -524,17 +524,17 @@ export function DeployView({
{/* DEPLOYMENT HERO / MODE SWITCHER */}
<div className="bg-white border border-zinc-300 p-5 shadow-sm flex flex-col gap-5">
<div>
<div className="bg-white border border-zinc-300 p-5 shadow-sm flex flex-col lg:flex-row lg:items-center lg:justify-between gap-5">
<div className="min-w-0">
<div className="inline-flex items-center px-2 py-0.5 bg-black text-white text-[10px] font-black uppercase tracking-wider">
PRODUCTION DEPLOYMENT
</div>
<h1 className="mt-1 text-lg font-black text-black uppercase tracking-tight">
<h1 className="mt-1 text-lg font-black text-black uppercase tracking-tight truncate">
{activeProjectName}
</h1>
</div>
<div className="flex flex-wrap items-center gap-2 pt-1">
<div className="flex flex-wrap items-center gap-2 lg:justify-end lg:shrink-0">
<button
onClick={() => setDeployMode('general')}
className={`px-4 py-3 text-xs font-black uppercase transition flex items-center gap-2 cursor-pointer ${