Change the size of large tags to 26px (#104)

Altalogy · May 4, 2022 · e095514 · e095514
1 parent 4117b2a
commit e095514
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/applications/launchpad_v2/src/components/Tag/styles.ts b/applications/launchpad_v2/src/components/Tag/styles.ts
@@ -6,7 +6,7 @@ export const TagContainer = styled.div<{ variant?: string }>`
   justify-content: center;
   align-items: center;
   border-radius: 64px;
-  height: ${({ variant }) => (variant === 'large' ? '30px' : '26px')};
+  height: 26px;
   border: 0;
   width: fit-content;
   padding-left: 12px;

diff --git a/applications/launchpad_v2/src/containers/BaseNodeContainer/BaseNode.tsx b/applications/launchpad_v2/src/containers/BaseNodeContainer/BaseNode.tsx
@@ -47,7 +47,11 @@ const BaseNode = ({
         color={running ? theme.inverted.primary : undefined}
       >
         {t.baseNode.title}
-        {running && <Tag type='running'>{t.common.adjectives.running}</Tag>}
+        {running && (
+          <Tag type='running' variant='large'>
+            {t.common.adjectives.running}
+          </Tag>
+        )}
       </Text>
       <Box
         border={false}