From c971dc0fdbda39c288008fc9fd976e8e58cfae4b Mon Sep 17 00:00:00 2001 From: Depickere Sven Date: Wed, 26 Apr 2023 16:30:58 +0100 Subject: [PATCH] style(): Update styling --- src/common-elements/shelfs.tsx | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/common-elements/shelfs.tsx b/src/common-elements/shelfs.tsx index 8eb3d4a7..4e78b568 100644 --- a/src/common-elements/shelfs.tsx +++ b/src/common-elements/shelfs.tsx @@ -51,8 +51,10 @@ export const Badge = styled.span<{ type: string }>` display: inline-block; padding: 2px 8px; margin: 0; - background-color: ${props => props.theme.colors[props.type].main}; - color: ${props => props.theme.colors[props.type].contrastText}; + background-color: ${props => + props.type == 'm2m' ? 'none' : props.theme.colors[props.type].main}; + border: ${props => (props.type == 'm2m' ? 'rgba(38, 50, 56, 0.5) 1px solid' : 'none')}; + color: ${props => (props.type == 'm2m' ? 'black' : props.theme.colors[props.type].contrastText)}; font-size: ${props => props.theme.typography.code.fontSize}; vertical-align: middle; line-height: 1.6;