feat: improve side nav item style and fix some UI issues

This commit is contained in:
Sonny
2024-05-22 23:23:12 +02:00
committed by Sonny
parent 3ff7619e94
commit 31b4f22772
6 changed files with 62 additions and 19 deletions

View File

@@ -1,7 +1,9 @@
import styled from '@emotion/styled';
import TextEllipsis from '~/components/common/text_ellipsis';
import useActiveCollection from '~/hooks/use_active_collection';
const CollectionDescriptionStyle = styled.p({
const CollectionDescriptionStyle = styled.div({
width: '100%',
fontSize: '0.85rem',
marginBottom: '0.5rem',
});
@@ -11,7 +13,7 @@ export default function CollectionDescription() {
return (
activeCollection && (
<CollectionDescriptionStyle>
{activeCollection?.description}
<TextEllipsis lines={3}>{activeCollection?.description}</TextEllipsis>
</CollectionDescriptionStyle>
)
);