forked from abner/for-legacy-web
Run prettier on all files.
This commit is contained in:
@@ -2,36 +2,40 @@ import { Attachment } from "revolt.js/dist/api/objects";
|
||||
import styled, { css } from "styled-components";
|
||||
|
||||
export interface IconBaseProps<T> {
|
||||
target?: T;
|
||||
attachment?: Attachment;
|
||||
target?: T;
|
||||
attachment?: Attachment;
|
||||
|
||||
size: number;
|
||||
animate?: boolean;
|
||||
size: number;
|
||||
animate?: boolean;
|
||||
}
|
||||
|
||||
interface IconModifiers {
|
||||
square?: boolean
|
||||
square?: boolean;
|
||||
}
|
||||
|
||||
export default styled.svg<IconModifiers>`
|
||||
flex-shrink: 0;
|
||||
flex-shrink: 0;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
|
||||
${ props => !props.square && css`
|
||||
border-radius: 50%;
|
||||
` }
|
||||
}
|
||||
${(props) =>
|
||||
!props.square &&
|
||||
css`
|
||||
border-radius: 50%;
|
||||
`}
|
||||
}
|
||||
`;
|
||||
|
||||
export const ImageIconBase = styled.img<IconModifiers>`
|
||||
flex-shrink: 0;
|
||||
object-fit: cover;
|
||||
flex-shrink: 0;
|
||||
object-fit: cover;
|
||||
|
||||
${ props => !props.square && css`
|
||||
border-radius: 50%;
|
||||
` }
|
||||
${(props) =>
|
||||
!props.square &&
|
||||
css`
|
||||
border-radius: 50%;
|
||||
`}
|
||||
`;
|
||||
|
||||
Reference in New Issue
Block a user