fix: infobox colors (#47)

Co-authored-by: basel.issmail <basel.issmail@gmail.com> Co-authored-by: HideBa <baba.papa1120.ba@gmail.com> Co-authored-by: HideBa <49897538+HideBa@users.noreply.github.com>
reearth · Jul 16, 2021 · 2a6a362 · 2a6a362
1 parent ac9419c
commit 2a6a362
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/components/molecules/Common/plugin/builtin/blocks/text.tsx b/src/components/molecules/Common/plugin/builtin/blocks/text.tsx
@@ -95,7 +95,7 @@ const TextBlock: BlockComponent<Property, PluginProperty> = ({
         </Template>
       ) : (
         <>
-          {property?.default?.title && <Title>{property.default.title}</Title>}
+          {property?.default?.title && <Title styles={typography}>{property.default.title}</Title>}
           {isEditing ? (
             <InputField
               ref={ref}
@@ -146,7 +146,10 @@ const Wrapper = styled.div<{
   border-radius: 6px;
 `;
 
-const Title = styled.div`
+const Title = styled.div<{ styles?: Typography }>`
+  ${({ styles }) => typographyStyles(styles)}
+  padding: 5px;
+  min-height: 15px;
   font-size: 12px;
 `;
 

diff --git a/src/components/molecules/EarthEditor/InfoBox/InfoBoxFrame/index.tsx b/src/components/molecules/EarthEditor/InfoBox/InfoBoxFrame/index.tsx
@@ -100,7 +100,7 @@ const InfoBox: React.FC<Props> = ({
           direction="column"
           onClick={handleOpen}>
           {isSmallWindow && !noContent && <StyledIcon icon="arrowUp" size={24} open={open} />}
-          <Text size="m" weight="bold">
+          <Text size="m" weight="bold" color="inherit">
             <TitleText>{title || " "}</TitleText>
           </Text>
           {!isSmallWindow && <StyledIcon icon="arrowDown" size={24} open={open} />}