forked from abner/for-legacy-web
Rotate file upload icon instead of switching icon.
This commit is contained in:
@@ -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});
|
||||
}
|
||||
` }
|
||||
`;
|
||||
|
||||
Reference in New Issue
Block a user