black theme for timeCell was added
This commit is contained in:
parent
bb43dc825c
commit
a1d8c2352f
@ -9,6 +9,8 @@ import ClockIcon from "PUBLIC_DIR/images/clock.react.svg";
|
|||||||
import moment from "moment";
|
import moment from "moment";
|
||||||
import { getCorrectFourValuesStyle } from "../utils/rtlUtils";
|
import { getCorrectFourValuesStyle } from "../utils/rtlUtils";
|
||||||
|
|
||||||
|
import Base from "../themes/base";
|
||||||
|
|
||||||
const Selectors = styled.div`
|
const Selectors = styled.div`
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
@ -37,7 +39,7 @@ const TimeCell = styled.span`
|
|||||||
width: 73px;
|
width: 73px;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
|
|
||||||
background-color: #eceef1;
|
background-color: ${(props) => (props.theme.isBase ? "#eceef1" : "#242424")};
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
|
||||||
padding: 6px 8px;
|
padding: 6px 8px;
|
||||||
@ -58,6 +60,8 @@ const TimeCell = styled.span`
|
|||||||
`}
|
`}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
|
TimeCell.defaultProps = { theme: Base };
|
||||||
|
|
||||||
const TimeSelector = styled.span`
|
const TimeSelector = styled.span`
|
||||||
${({ theme }) =>
|
${({ theme }) =>
|
||||||
theme.interfaceDirection === "rtl"
|
theme.interfaceDirection === "rtl"
|
||||||
|
Loading…
Reference in New Issue
Block a user