mirror of
https://gh.wpcy.net/https://github.com/elementor/one-click-accessibility.git
synced 2026-04-21 11:32:30 +08:00
c067ae8b4b
* fix: layout on the small and medium devices * update: change components to styled components * refactor: position settings wrapper into a separate component
21 lines
531 B
JavaScript
21 lines
531 B
JavaScript
import Box from '@elementor/ui/Box';
|
|
import { styled } from '@elementor/ui/styles';
|
|
|
|
const StyledBox = styled(Box)`
|
|
display: grid;
|
|
justify-content: space-evenly;
|
|
|
|
gap: ${({ theme }) => theme.spacing(5)};
|
|
padding: ${({ theme }) => theme.spacing(2)};
|
|
|
|
grid-template-columns: repeat(2, 1fr);
|
|
${({ theme }) => theme.breakpoints.down('lg')} {
|
|
grid-template-columns: repeat(1, 1fr);
|
|
}
|
|
`;
|
|
|
|
const PositionSettingsWrapper = ({ children }) => {
|
|
return <StyledBox>{children}</StyledBox>;
|
|
};
|
|
|
|
export default PositionSettingsWrapper;
|
