zen/core
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

style(admin): improve icon card layout with square aspect ratio and balanced spacing

Browse Source
This commit is contained in:
Hyko
2026-04-26 09:42:24 -04:00
parent f26a5bb9ec
commit 8d51e9ba03
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/admin/devkit/IconsPage.client.js
+3 -3
View File
@@ -83,12 +83,12 @@ export default function IconsPage() {
key={name} key={name}
onClick={() => handleCopy(name)} onClick={() => handleCopy(name)}
title={name.replace('Icon', '')} title={name.replace('Icon', '')}
className="flex flex-col items-center rounded-lg border border-neutral-200 dark:border-neutral-800 bg-neutral-100 dark:bg-neutral-900 hover:border-blue-500 dark:hover:border-blue-500 transition-colors duration-100 group cursor-pointer px-1 pt-2.5 pb-2" className="aspect-square flex flex-col items-center justify-between rounded-lg border border-neutral-200 dark:border-neutral-800 bg-neutral-100 dark:bg-neutral-900 hover:border-blue-500 dark:hover:border-blue-500 transition-colors duration-100 group cursor-pointer px-1 py-2 overflow-hidden"
> >
<div className="flex items-center justify-center h-8 w-full"> <div className="flex-1 flex items-center justify-center w-full">
<IconComponent className="w-7 h-7 text-black dark:text-white" /> <IconComponent className="w-7 h-7 text-black dark:text-white" />
</div> </div>
<span className="mt-1.5 text-[9px] text-neutral-500 dark:text-neutral-400 leading-none text-center truncate group-hover:text-neutral-600 dark:group-hover:text-neutral-300 w-full px-1"> <span className="shrink-0 text-[9px] text-neutral-500 dark:text-neutral-400 leading-none text-center truncate group-hover:text-neutral-600 dark:group-hover:text-neutral-300 w-full px-1">
{name.replace('Icon', '')} {name.replace('Icon', '')}
</span> </span>
</button> </button>