Redesign
This commit is contained in:
parent
3f178f8795
commit
c6e6c5ca48
20 changed files with 664 additions and 277 deletions
|
|
@ -9,19 +9,19 @@ export default function ServicePill({ name, status }: ServicePillProps) {
|
|||
<div
|
||||
className={`flex items-center gap-2.5 px-3.5 py-2.5 rounded-xl border text-sm ${
|
||||
active
|
||||
? "bg-green-50 border-green-200"
|
||||
: "bg-gray-50 border-gray-200 text-gray-400"
|
||||
? "bg-green/10 border-green/20"
|
||||
: "bg-secondary/30 border-secondary text-foreground-sec"
|
||||
}`}
|
||||
>
|
||||
<span
|
||||
className={`w-2 h-2 rounded-full flex-shrink-0 ${
|
||||
active ? "bg-green-500" : "bg-gray-300"
|
||||
active ? "bg-green" : "bg-foreground-sec/40"
|
||||
}`}
|
||||
/>
|
||||
<span className="flex-1 font-normal">{name}</span>
|
||||
<span
|
||||
className={`text-[0.65rem] uppercase tracking-widest font-medium ${
|
||||
active ? "text-green-600" : "text-gray-400"
|
||||
active ? "text-green" : "text-foreground-sec"
|
||||
}`}
|
||||
>
|
||||
{status}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue