IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style for round button with arrow was created

Browse Source
This commit is contained in:
Vladimir Khvan 2023-01-30 20:54:06 +05:00
parent eb861b83f4
commit 47ee7b305e
1 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
packages/components/calendar/styled-components/RoundButton.js Normal file
View File

@ -0,0 +1,26 @@
import styled from "styled-components";
export const RoundButton = styled.button`
width: 32px;
height: 32px;
border-radius: 50%;
outline: 1px solid #eceef1;
border: none;
background-color: transparent;
position: relative;
transition: all ease-in-out 0.05s;
span {
border-color: ${(props) => (props.disabled ? "#A3A9AE" : "#555f65")};
}
:hover {
cursor: ${(props) => (props.disabled ? "auto" : "pointer")};
outline: ${(props) =>
props.disabled ? "1px solid #eceef1" : "2px solid #4781d1"};
span {
border-color: ${(props) => (props.disabled ? "#A3A9AE" : "#4781d1")};
}
}
`;