Rotate file upload icon instead of switching icon.

This commit is contained in:
Paul
2021-07-06 11:52:07 +01:00
parent 98e0edd331
commit e8a111e6bc
2 changed files with 14 additions and 8 deletions

View File

@@ -1,6 +1,7 @@
import styled, { css } from "styled-components";
interface Props {
rotate?: string;
type?: "default" | "circle";
}
@@ -22,6 +23,10 @@ export default styled.div<Props>`
color: ${normal};
}
svg {
transition: 0.2s ease transform;
}
&:hover {
fill: ${hover};
color: ${hover};
@@ -43,4 +48,10 @@ export default styled.div<Props>`
background-color: var(--primary-header);
}
`}
${(props) => props.rotate && css`
svg {
transform: rotateZ(${props.rotate});
}
` }
`;