amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-23 20:23:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove transform (#4375)

Browse Source
This commit is contained in:
Sha Mwe La
2022-02-23 22:38:10 +06:30
committed by GitHub
parent 508b427937
commit 1b05b11188
4 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
beta/src/components/Icon/IconArrow.tsx
View File

@@ -19,7 +19,7 @@ export const IconArrow = React.memo<
fill="currentColor"
{...rest}
className={cn(className, {
'transform rotate-180': displayDirection === 'right',
'rotate-180': displayDirection === 'right',
})}>
<path fill="none" d="M0 0h24v24H0z" />
<path d="M7.828 11H20v2H7.828l5.364 5.364-1.414 1.414L4 12l7.778-7.778 1.414 1.414z" />

4
beta/src/components/Icon/IconArrowSmall.tsx
View File

@@ -11,8 +11,8 @@ export const IconArrowSmall = React.memo<
}
>(function IconArrowSmall({displayDirection, className, ...rest}) {
const classes = cn(className, {
'transform rotate-180': displayDirection === 'left',
'transform rotate-90': displayDirection === 'down',
'rotate-180': displayDirection === 'left',
'rotate-90': displayDirection === 'down',
});
return (
<svg

8
beta/src/components/Icon/IconChevron.tsx
View File

@@ -12,10 +12,10 @@ export const IconChevron = React.memo<
>(function IconChevron({className, displayDirection, ...rest}) {
const classes = cn(
{
'transform rotate-0': displayDirection === 'down',
'transform rotate-90': displayDirection === 'left',
'transform rotate-180': displayDirection === 'up',
'transform -rotate-90': displayDirection === 'right',
'rotate-0': displayDirection === 'down',
'rotate-90': displayDirection === 'left',
'rotate-180': displayDirection === 'up',
'-rotate-90': displayDirection === 'right',
},
className
);

6
beta/src/components/Icon/IconNavArrow.tsx
View File

@@ -13,9 +13,9 @@ export const IconNavArrow = React.memo<
const classes = cn(
'duration-100 ease-in transition',
{
'transform rotate-0': displayDirection === 'down',
'transform -rotate-90': displayDirection === 'right',
'transform rotate-90': displayDirection === 'left',
'rotate-0': displayDirection === 'down',
'-rotate-90': displayDirection === 'right',
'rotate-90': displayDirection === 'left',
},
className
);