mirror of
https://ghproxy.net/https://github.com/elementor/one-click-accessibility.git
synced 2026-07-21 12:16:59 +08:00
86 lines
1.9 KiB
JavaScript
86 lines
1.9 KiB
JavaScript
import Box from '@elementor/ui/Box';
|
|
import CardContent from '@elementor/ui/CardContent';
|
|
import Container from '@elementor/ui/Container';
|
|
import Paper from '@elementor/ui/Paper';
|
|
import Typography from '@elementor/ui/Typography';
|
|
import { styled } from '@elementor/ui/styles';
|
|
|
|
export const StyledBox = styled(Box)`
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
max-height: 100%;
|
|
min-height: 50%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
`;
|
|
|
|
export const StyledContainer = styled(Container)`
|
|
overflow: auto;
|
|
max-height: 100%;
|
|
padding: ${({ theme }) => theme.spacing(4)};
|
|
`;
|
|
|
|
export const StyledWideBox = styled(Box)`
|
|
overflow: auto;
|
|
max-height: 100%;
|
|
padding: ${({ theme }) => theme.spacing(4)};
|
|
width: 100%;
|
|
`;
|
|
|
|
export const StyledTitle = styled(Typography)`
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
margin: 0;
|
|
|
|
color: ${({ theme }) => theme.palette.common.black};
|
|
line-height: 1.75;
|
|
|
|
.MuiChip-root {
|
|
margin-inline-start: ${({ theme }) => theme.spacing(1)};
|
|
font-weight: 400;
|
|
}
|
|
`;
|
|
|
|
export const StyledStatementPaper = styled(Paper)`
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 24px;
|
|
width: 376px;
|
|
min-height: 264px;
|
|
box-shadow: ${({ theme }) => theme.shadows[0]};
|
|
cursor: pointer;
|
|
|
|
:hover {
|
|
box-shadow: 0 0 15px 0 rgb(37 99 235 / 0.15);
|
|
border-color: ${({ theme }) => theme.palette.info.main};
|
|
}
|
|
`;
|
|
|
|
export const StyledStatementContainer = styled(Container)`
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: start;
|
|
gap: ${({ theme }) => theme.spacing(2)};
|
|
overflow: auto;
|
|
max-height: 100%;
|
|
max-width: 1200px;
|
|
width: 100%;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
|
|
@media (min-width: ${({ theme }) => theme.breakpoints.values.sm}px) {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
`;
|
|
|
|
export const StyledCardContent = styled(CardContent)`
|
|
&:last-child {
|
|
padding-bottom: 16px;
|
|
}
|
|
`;
|
