mirror of
https://github.com/Sonny93/my-links.git
synced 2025-12-08 14:43:24 +00:00
feat: reduce collection item size
This commit is contained in:
@@ -6,7 +6,7 @@
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-size: var(--mantine-font-size-sm);
|
font-size: var(--mantine-font-size-sm);
|
||||||
color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-1));
|
color: light-dark(var(--mantine-color-gray-7), var(--mantine-color-dark-1));
|
||||||
padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
|
padding: rem(8px) rem(12px);
|
||||||
border-radius: var(--mantine-radius-sm);
|
border-radius: var(--mantine-radius-sm);
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|
||||||
|
|||||||
@@ -24,8 +24,6 @@ export default function CollectionItem({
|
|||||||
}
|
}
|
||||||
}, [collection.id, activeCollection?.id]);
|
}, [collection.id, activeCollection?.id]);
|
||||||
|
|
||||||
const linksCount = collection?.links.length ?? 0;
|
|
||||||
const showLinks = linksCount > 0;
|
|
||||||
return (
|
return (
|
||||||
<Link
|
<Link
|
||||||
className={classes.link}
|
className={classes.link}
|
||||||
@@ -39,11 +37,6 @@ export default function CollectionItem({
|
|||||||
<Text lineClamp={1} maw={'200px'} style={{ wordBreak: 'break-all' }}>
|
<Text lineClamp={1} maw={'200px'} style={{ wordBreak: 'break-all' }}>
|
||||||
{collection.name}
|
{collection.name}
|
||||||
</Text>
|
</Text>
|
||||||
{showLinks && (
|
|
||||||
<Text style={{ whiteSpace: 'nowrap' }} c="dimmed" ml="sm">
|
|
||||||
— {linksCount}
|
|
||||||
</Text>
|
|
||||||
)}
|
|
||||||
</Link>
|
</Link>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user