Code simplification: remove transform/filter classes unnecessary on tailwind 3

This commit is contained in:
Willian Mitsuda 2022-08-07 23:32:38 -03:00
parent 42f03fc557
commit b89ddc2e35
8 changed files with 11 additions and 11 deletions

View File

@ -48,7 +48,7 @@ type ContentProps = {
const Content: React.FC<ContentProps> = ({ linkable, name }) => (
<>
<img
className={`self-center ${linkable ? "" : "filter grayscale"}`}
className={`self-center ${linkable ? "" : "grayscale"}`}
src={ENSLogo}
alt="ENS Logo"
width={12}

View File

@ -74,7 +74,7 @@ const Content: React.FC<ContentProps> = ({
}) => (
<>
<div
className={`self-center w-5 h-5 ${linkable ? "" : "filter grayscale"}`}
className={`self-center w-5 h-5 ${linkable ? "" : "grayscale"}`}
>
<TokenLogo chainId={chainId} address={address} name={name} />
</div>

View File

@ -77,7 +77,7 @@ const Content: React.FC<ContentProps> = ({
}) => (
<>
<div
className={`self-center w-5 h-5 ${linkable ? "" : "filter grayscale"}`}
className={`self-center w-5 h-5 ${linkable ? "" : "grayscale"}`}
>
<TokenLogo chainId={chainId} address={address} name={name} />
</div>

View File

@ -94,7 +94,7 @@ const Content: React.FC<ContentProps> = ({
}) => (
<>
<div
className={`self-center w-5 h-5 ${linkable ? "" : "filter grayscale"}`}
className={`self-center w-5 h-5 ${linkable ? "" : "grayscale"}`}
>
<TokenLogo chainId={chainId} address={address} name={name} />
</div>

View File

@ -102,7 +102,7 @@ const Content: React.FC<ContentProps> = ({
}) => (
<>
<div
className={`self-center w-5 h-5 ${linkable ? "" : "filter grayscale"}`}
className={`self-center w-5 h-5 ${linkable ? "" : "grayscale"}`}
>
<TokenLogo chainId={chainId} address={address} name={name} />
</div>

View File

@ -12,7 +12,7 @@ const Blip: React.FC<BlipProps> = ({ value }) => {
<Transition
show
appear
enter="transition transform ease-in duration-1000 translate-x-full pl-3"
enter="transition ease-in duration-1000 translate-x-full pl-3"
enterFrom="opacity-100 translate-y-0"
enterTo="opacity-0 -translate-y-5"
afterEnter={() => setShow(false)}

View File

@ -184,10 +184,10 @@ const Blocks: React.FC<BlocksProps> = ({ latestBlock, targetBlockNumber }) => {
key={b.hash}
show={i < MAX_BLOCK_HISTORY}
appear
enter="transition transform ease-out duration-500"
enter="transition ease-out duration-500"
enterFrom="opacity-0 -translate-y-10"
enterTo="opacity-100 translate-y-0"
leave="transition transform ease-out duration-1000"
leave="transition ease-out duration-1000"
leaveFrom="opacity-100 translate-y-0"
leaveTo="opacity-0 translate-y-10"
>

View File

@ -17,13 +17,13 @@ const TraceItem: React.FC<TraceItemProps> = ({ t, last }) => {
return (
<>
<div className="flex relative">
<div className="absolute border-l border-b w-5 h-6 transform -translate-y-3"></div>
<div className="absolute border-l border-b w-5 h-6 -translate-y-3"></div>
{!last && (
<div className="absolute left-0 border-l w-5 h-full transform translate-y-3"></div>
<div className="absolute left-0 border-l w-5 h-full translate-y-3"></div>
)}
{t.children && (
<Switch
className="absolute left-0 bg-white transform -translate-x-1/2 text-gray-500"
className="absolute left-0 bg-white -translate-x-1/2 text-gray-500"
checked={expanded}
onChange={setExpanded}
>