mirror of
https://github.com/duckietm/Nitro-V3.git
synced 2026-06-20 15:36:18 +00:00
Merge pull request #144 from simoleo89/fix/button-icon-alignment
fix(button): align icon + text via inline-flex, not inline-block
This commit is contained in:
@@ -19,7 +19,7 @@ export const Button: FC<ButtonProps> = props =>
|
|||||||
|
|
||||||
// fucked up method i know (i dont have a clue what im doing because im a ninja)
|
// fucked up method i know (i dont have a clue what im doing because im a ninja)
|
||||||
|
|
||||||
const newClassNames: string[] = [ 'pointer-events-auto inline-block font-normal leading-normal text-[#fff] text-center no-underline align-middle cursor-pointer select-none border border-[solid] border-transparent px-[.75rem] py-[.375rem] text-[.9rem] rounded-[.25rem] [transition:color_.15s_ease-in-out,background-color_.15s_ease-in-out,border-color_.15s_ease-in-out,box-shadow_.15s_ease-in-out]' ];
|
const newClassNames: string[] = [ 'pointer-events-auto font-normal leading-normal text-[#fff] text-center no-underline cursor-pointer select-none border border-[solid] border-transparent px-[.75rem] py-[.375rem] text-[.9rem] rounded-[.25rem] [transition:color_.15s_ease-in-out,background-color_.15s_ease-in-out,border-color_.15s_ease-in-out,box-shadow_.15s_ease-in-out]' ];
|
||||||
|
|
||||||
if(variant)
|
if(variant)
|
||||||
{
|
{
|
||||||
@@ -67,5 +67,5 @@ export const Button: FC<ButtonProps> = props =>
|
|||||||
return newClassNames;
|
return newClassNames;
|
||||||
}, [ variant, size, active, disabled, classNames ]);
|
}, [ variant, size, active, disabled, classNames ]);
|
||||||
|
|
||||||
return <Flex center classNames={ getClassNames } { ...rest } />;
|
return <Flex center display="inline-flex" classNames={ getClassNames } { ...rest } />;
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user