zen/core
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

refactor(ui): move system badge to dedicated column and update Badge styles

Browse Source
This commit is contained in:
Hyko
2026-04-22 15:02:10 -04:00
parent e00ec4bddb
commit 96c8352dcf
3 changed files with 15 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/shared/components/Badge.js
+5 -5
View File
@@ -5,14 +5,14 @@ import React from 'react';
const Badge = ({
children,
variant = 'default',
size = 'md',
size = 'sm',
className = '',
...props
}) => {
const baseClassName = 'inline-flex items-center font-medium border';
const baseClassName = 'inline-flex items-center font-medium border font-ibm-plex-mono';
const variants = {
default: 'bg-neutral-200/80 text-neutral-700 border-neutral-300 dark:bg-neutral-500/10 dark:text-neutral-400 dark:border-neutral-500/20',
default: 'bg-neutral-100 text-neutral-700 border-neutral-200 dark:bg-neutral-500/10 dark:text-neutral-400 dark:border-neutral-500/20',
primary: 'bg-blue-100 text-blue-700 border-blue-200 dark:bg-blue-500/10 dark:text-blue-400 dark:border-blue-500/20',
success: 'bg-green-100 text-green-700 border-green-200 dark:bg-green-500/10 dark:text-green-400 dark:border-green-500/20',
warning: 'bg-yellow-100 text-yellow-700 border-yellow-200 dark:bg-yellow-500/10 dark:text-yellow-400 dark:border-yellow-500/20',
@@ -24,8 +24,8 @@ const Badge = ({
};
const sizes = {
sm: 'px-2 py-0.5 rounded-lg text-[12px]',
md: 'px-2.5 py-0.5 rounded-lg text-[12px]',
sm: 'px-[8px] py-[2px] rounded-lg text-[11px]',
md: 'px-[8px] py-[2px] rounded-lg text-[11px]',
lg: 'px-3 py-1 rounded-lg text-xs'
};