GitHub/jsoncrack.com
1
0
Fork 0
mirror of https://github.com/AykutSarac/jsoncrack.com.git synced 2025-01-27 15:22:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix styled-components class

Browse Source
This commit is contained in:
AykutSarac 2022-08-27 19:19:07 +03:00
parent 42bc27aa97
commit fc65d2ef88
2 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/CustomNode/ObjectNode.tsx
View File

@ -22,7 +22,7 @@ const ObjectNode: React.FC<CustomNodeProps<[string, string][]>> = ({
data-x={x}
data-y={y}
key={idx}
width={width}
width={`${width - 20}px`}
value={JSON.stringify(val[1])}
>
<Styled.StyledKey objectKey>

13
src/components/CustomNode/styles.tsx
View File

@ -83,12 +83,19 @@ export const StyledKey = styled.span<{
font-size: ${({ parent }) => parent && "14px"};
`;
export const StyledRow = styled.span<{ width: number; value: string }>`
export const StyledRow = styled.span.attrs<{
width: string;
value: string;
theme: DefaultTheme;
}>((props) => ({
style: {
width: props.width,
color: getTypeColor(props.value, props.theme),
},
}))<{ width: string; value: string; theme: DefaultTheme }>`
height: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 auto;
width: ${({ width }) => `${width - 20}px`};
color: ${({ theme, value }) => getTypeColor(value, theme)};
`;