Fix: Add border to stage color badges

This commit is contained in:
Gustav Hansen 2023-05-04 14:53:21 +02:00
parent 444d3200c7
commit 2145a3c1f5
3 changed files with 17 additions and 3 deletions

View File

@ -6,7 +6,7 @@ import { pxToRem } from '@strapi/helper-plugin';
export function ReviewWorkflowsStageEE({ color, name }) {
return (
<Flex alignItems="center" gap={2} maxWidth={pxToRem(300)}>
<Box height={2} background={color} hasRadius shrink={0} width={2} />
<Box height={2} background={color} borderColor="neutral150" hasRadius shrink={0} width={2} />
<Typography fontWeight="regular" textColor="neutral700" ellipsis>
{name}

View File

@ -9,7 +9,14 @@ export function OptionColor({ children, ...props }) {
return (
<components.Option {...props}>
<Flex alignItems="center" gap={2}>
<Flex height={2} background={color} hasRadius shrink={0} width={2} />
<Flex
height={2}
background={color}
borderColor="neutral150"
hasRadius
shrink={0}
width={2}
/>
<Typography textColor="neutral800" ellipsis>
{children}

View File

@ -9,7 +9,14 @@ export function SingleValueColor({ children, ...props }) {
return (
<components.SingleValue {...props}>
<Flex alignItems="center" gap={2}>
<Flex height={2} background={color} hasRadius shrink={0} width={2} />
<Flex
height={2}
background={color}
borderColor="neutral150"
hasRadius
shrink={0}
width={2}
/>
<Typography textColor="neutral800" ellipsis>
{children}