chore: icon picker list consisteny

This commit is contained in:
Anmol Singh Bhatia 2024-05-08 15:30:13 +05:30
parent 8ae1e38ef9
commit d6e4c6da41

View File

@ -71,7 +71,7 @@ export const IconsList: React.FC<TIconsListProps> = (props) => {
)} )}
<button <button
type="button" type="button"
className={cn("grid place-items-center h-4 w-4 rounded-full border border-transparent", { className={cn("grid place-items-center h-5 w-5 rounded-full border border-transparent", {
"border-custom-border-400": !showHexInput, "border-custom-border-400": !showHexInput,
})} })}
onClick={() => { onClick={() => {
@ -91,7 +91,7 @@ export const IconsList: React.FC<TIconsListProps> = (props) => {
<button <button
key={icon.name} key={icon.name}
type="button" type="button"
className="h-6 w-6 select-none text-lg grid place-items-center rounded hover:bg-custom-background-80" className="h-9 w-9 select-none text-lg grid place-items-center rounded hover:bg-custom-background-80"
onClick={() => { onClick={() => {
onChange({ onChange({
name: icon.name, name: icon.name,
@ -99,7 +99,7 @@ export const IconsList: React.FC<TIconsListProps> = (props) => {
}); });
}} }}
> >
<span style={{ color: activeColor }} className="material-symbols-rounded text-base"> <span style={{ color: activeColor }} className="material-symbols-rounded text-[20px]">
{icon.name} {icon.name}
</span> </span>
</button> </button>