45 lines
942 B
JavaScript
45 lines
942 B
JavaScript
import styled, { css } from "styled-components";
|
|
|
|
const StyledDialogAsideLoader = styled.div`
|
|
${(props) =>
|
|
props.isPanel
|
|
? css`
|
|
.dialog-loader-header {
|
|
padding: 12px 16px;
|
|
}
|
|
|
|
.dialog-loader-body {
|
|
padding: 16px;
|
|
}
|
|
|
|
.dialog-loader-footer {
|
|
padding: 12px 16px;
|
|
position: fixed;
|
|
bottom: 0;
|
|
width: 468px;
|
|
|
|
@media (max-width: 550px) {
|
|
width: 288px;
|
|
}
|
|
}
|
|
`
|
|
: css`
|
|
.dialog-loader-header {
|
|
border-bottom: 1px solid rgb(222, 226, 230);
|
|
padding: 12px 0;
|
|
}
|
|
|
|
.dialog-loader-body {
|
|
padding: 16px 0;
|
|
}
|
|
|
|
.dialog-loader-footer {
|
|
position: fixed;
|
|
bottom: 16px;
|
|
width: 293px;
|
|
}
|
|
`}
|
|
`;
|
|
|
|
export default StyledDialogAsideLoader;
|