jimlee/dashboard-icons
1
0
Fork 0
mirror of https://github.com/walkxcode/dashboard-icons.git synced 2025-10-28 14:09:05 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

fix(web): small ui-changes

Browse Source
This commit is contained in:
Thomas Camlong
2025-04-24 22:47:07 +02:00
committed by Bjorn Lammers
parent 0257342947
commit 3499605fb7
6 changed files with 141 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
web/src/components/icon-grid.tsx
View File

@@ -9,13 +9,10 @@ interface IconsGridProps {
export function IconsGrid({ filteredIcons, matchedAliases }: IconsGridProps) {
return (
<>
<div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8 gap-4 mt-2">
{filteredIcons.slice(0, 120).map(({ name, data }) => (
<IconCard key={name} name={name} data={data} matchedAlias={matchedAliases[name] || null} />
))}
</div>
{filteredIcons.length > 120 && <p className="text-sm text-muted-foreground">And {filteredIcons.length - 120} more...</p>}
</>
<div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-8 gap-4 mt-2">
{filteredIcons.slice(0, 120).map(({ name, data }) => (
<IconCard key={name} name={name} data={data} matchedAlias={matchedAliases[name]} />
))}
</div>
)
}