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

Altalogy · Apr 27, 2022 · 3291915 · 3291915
1 parent edb49ef
commit 3291915
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 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/components/Text/index.tsx b/applications/launchpad_v2/src/components/Text/index.tsx
@@ -26,7 +26,6 @@ const Text = ({
 }: TextProps) => {
   const textStyles = {
     color,
-    ...style,
     ...styles.typography[type],
     ...style,
   }

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}