mirror of
https://github.com/coder/coder.git
synced 2026-11-13 05:16:51 +08:00
Closes https://github.com/coder/coder/issues/17310 **Before:** <img width="1624" alt="Screenshot 2025-04-16 at 11 49 52" src="https://github.com/user-attachments/assets/4fb6c8e5-329f-476f-99bb-192c0f9562a2" /> **After:** <img width="1624" alt="Screenshot 2025-04-16 at 11 49 19" src="https://github.com/user-attachments/assets/c7025fee-fefd-4064-9101-d7a1b364dd80" /> **Notice!** - I've create a new size variation for the badge, `xs`. Since we reduced the line-height for the `text-xs` to be 16px instead of 18px, having a smaller badge, reducing the vertical size and horizontal paddings, just worked better. - I have to update Figma to reflect these changes. I tried, but I was not able to get it working and updated correctly. I'm going to take a pause during this week to learn that. - Updated the destructive, and warning badges to use borders as defined in the designs [here](https://www.figma.com/design/WfqIgsTFXN2BscBSSyXWF8/Coder-kit?node-id=489-3472&t=gfnYeLOIFUqHx6qv-0).