andras/perfect-postcode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

UI improvements

Browse source
This commit is contained in:
Andras Schmelczer 2026-03-15 09:02:10 +00:00
parent 83dd2ca87e
commit 1569d116a9
14 changed files with 222 additions and 92 deletions
Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/components/ui/FeatureIcons.tsx
View file

@ -35,9 +35,13 @@ export function FeatureActions({
<EyeIcon filled={isPinned} className="w-7 h-7 md:w-3.5 md:h-3.5" />
</IconButton>
{onAdd && (
<IconButton onClick={() => onAdd(feature.name)} title="Add filter" size="md">
<PlusIcon className="w-7 h-7 md:w-3.5 md:h-3.5" />
</IconButton>
<button
onClick={() => onAdd(feature.name)}
title="Add filter"
className="p-1 rounded-md text-teal-600 dark:text-teal-400 bg-teal-50 dark:bg-teal-900/30 hover:bg-teal-100 dark:hover:bg-teal-800/40"
>
<PlusIcon className="w-7 h-7 md:w-5 md:h-5" strokeWidth={2.5} />
</button>
)}
{onRemove && (
<IconButton onClick={() => onRemove(feature.name)} title="Remove filter">

7
frontend/src/components/ui/icons/PlusIcon.tsx
View file

@ -1,15 +1,16 @@
interface IconProps {
interface PlusIconProps {
className?: string;
strokeWidth?: number;
}
export function PlusIcon({ className = 'w-7 h-7' }: IconProps) {
export function PlusIcon({ className = 'w-7 h-7', strokeWidth = 2 }: PlusIconProps) {
return (
<svg
className={className}
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeWidth={2}
strokeWidth={strokeWidth}
>
<path strokeLinecap="round" strokeLinejoin="round" d="M12 5v14m-7-7h14" />
</svg>