33 lines
558 B
TypeScript
33 lines
558 B
TypeScript
|
import styled from "styles"
|
||
|
|
|
||
|
|
export const IconButton = styled("button", {
|
||
|
|
height: "32px",
|
||
|
|
width: "32px",
|
||
|
|
backgroundColor: "$panel",
|
||
|
|
borderRadius: "4px",
|
||
|
|
padding: "0",
|
||
|
|
margin: "0",
|
||
|
|
display: "flex",
|
||
|
|
alignItems: "center",
|
||
|
|
justifyContent: "center",
|
||
|
|
outline: "none",
|
||
|
|
border: "none",
|
||
|
|
pointerEvents: "all",
|
||
|
|
cursor: "pointer",
|
||
|
|
|
||
|
|
"&:hover:not(:disabled)": {
|
||
|
|
backgroundColor: "$panel",
|
||
|
|
},
|
||
|
|
|
||
|
|
"&:disabled": {
|
||
|
|
opacity: "0.5",
|
||
|
|
},
|
||
|
|
|
||
|
|
svg: {
|
||
|
|
height: "16px",
|
||
|
|
width: "16px",
|
||
|
|
strokeWidth: "2px",
|
||
|
|
stroke: "$text",
|
||
|
|
},
|
||
|
|
})
|