2019-07-14 11:47:06 +00:00
|
|
|
import { Card, Elevation, ICardProps } from "@blueprintjs/core";
|
|
|
|
import * as React from "react";
|
|
|
|
import styled from "styled-components";
|
|
|
|
|
2019-07-24 15:51:44 +00:00
|
|
|
const FloatingCardRow = styled.div`
|
|
|
|
display: flex;
|
2019-07-27 17:58:40 +00:00
|
|
|
max-width: 250px;
|
2019-07-24 15:51:44 +00:00
|
|
|
`;
|
2019-07-14 11:47:06 +00:00
|
|
|
const FloatingCardElement = styled(Card)`
|
2019-07-24 15:51:44 +00:00
|
|
|
margin: 0 0 10px 10px;
|
2019-08-30 12:44:00 +00:00
|
|
|
z-index: 2;
|
2019-07-14 11:47:06 +00:00
|
|
|
`;
|
|
|
|
|
2020-05-19 13:45:27 +00:00
|
|
|
const FloatingCard: React.FC<ICardProps> = (props) => (
|
2019-07-24 15:51:44 +00:00
|
|
|
<FloatingCardRow>
|
|
|
|
<FloatingCardElement elevation={Elevation.ONE} {...props} />
|
|
|
|
</FloatingCardRow>
|
|
|
|
);
|
2019-07-14 11:47:06 +00:00
|
|
|
|
|
|
|
export default FloatingCard;
|