mirror of
https://github.com/revoltchat/revite.git
synced 2025-02-24 17:20:59 -05:00
46 lines
734 B
TypeScript
46 lines
734 B
TypeScript
import styled, { css } from "styled-components";
|
|
|
|
interface Props {
|
|
type?: "default" | "circle";
|
|
}
|
|
|
|
const normal = `var(--secondary-foreground)`;
|
|
const hover = `var(--foreground)`;
|
|
|
|
export default styled.div<Props>`
|
|
z-index: 1;
|
|
display: grid;
|
|
cursor: pointer;
|
|
place-items: center;
|
|
transition: 0.1s ease background-color;
|
|
|
|
fill: ${normal};
|
|
color: ${normal};
|
|
/*stroke: ${normal};*/
|
|
|
|
a {
|
|
color: ${normal};
|
|
}
|
|
|
|
&:hover {
|
|
fill: ${hover};
|
|
color: ${hover};
|
|
/*stroke: ${hover};*/
|
|
|
|
a {
|
|
color: ${hover};
|
|
}
|
|
}
|
|
|
|
${(props) =>
|
|
props.type === "circle" &&
|
|
css`
|
|
padding: 4px;
|
|
border-radius: 50%;
|
|
background-color: var(--secondary-header);
|
|
|
|
&:hover {
|
|
background-color: var(--primary-header);
|
|
}
|
|
`}
|
|
`;
|