fix: text is updated in the light and dark mode (#1318)

This commit is contained in:
Palash 2022-06-28 16:18:16 +05:30 committed by GitHub
parent 47e6e00a64
commit d0e272b679
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 2 deletions

View File

@ -15,6 +15,7 @@ import AppReducer from 'types/reducer/app';
import menus from './menuItems'; import menus from './menuItems';
import Slack from './Slack'; import Slack from './Slack';
import { import {
Name,
RedDot, RedDot,
Sider, Sider,
SlackButton, SlackButton,
@ -103,8 +104,8 @@ function SideNav(): JSX.Element {
icon={<Icon />} icon={<Icon />}
onClick={(): void => onClickHandler(to)} onClick={(): void => onClickHandler(to)}
> >
<Space style={{ position: 'relative' }}> <Space>
<Typography>{name}</Typography> <Name ellipsis>{name}</Name>
{tags && {tags &&
tags.map((e) => ( tags.map((e) => (
<Tags style={{ lineHeight: '1rem' }} color="#177DDC" key={e}> <Tags style={{ lineHeight: '1rem' }} color="#177DDC" key={e}>

View File

@ -83,3 +83,9 @@ export const Tags = styled(Tag)`
border-radius: 0.5rem; border-radius: 0.5rem;
} }
`; `;
export const Name = styled(Typography.Paragraph)`
&&& {
margin: 0;
}
`;