mirror of
https://gh.wpcy.net/https://github.com/elementor/one-click-accessibility.git
synced 2026-04-23 18:27:48 +08:00
e4c2ddef7b
* update: add locked version of quota status bar * fix: text color for infotip * fix: width issues * fix: add check for 0
44 lines
1.1 KiB
JavaScript
44 lines
1.1 KiB
JavaScript
import Typography from '@elementor/ui/Typography';
|
|
import { styled } from '@elementor/ui/styles';
|
|
import { BottomBar } from '@ea11y/components';
|
|
import { IconDesignSettings, PositionSettings } from '@ea11y/layouts';
|
|
import { StyledBox, StyledWideBox } from '@ea11y/pages/pages.styles';
|
|
import { mixpanelEvents, mixpanelService } from '@ea11y-apps/global/services';
|
|
import { useEffect } from '@wordpress/element';
|
|
import { __ } from '@wordpress/i18n';
|
|
|
|
const IconSettings = () => {
|
|
useEffect(() => {
|
|
mixpanelService.sendEvent(mixpanelEvents.pageView, {
|
|
page: 'Button',
|
|
});
|
|
}, []);
|
|
|
|
return (
|
|
<StyledBox>
|
|
<StyledWideBox>
|
|
<StyledTitle variant="h4" color="text.primary">
|
|
{__('Design', 'pojo-accessibility')}
|
|
</StyledTitle>
|
|
|
|
<IconDesignSettings marginBottom={4} />
|
|
|
|
<PositionSettings />
|
|
</StyledWideBox>
|
|
<BottomBar />
|
|
</StyledBox>
|
|
);
|
|
};
|
|
|
|
export default IconSettings;
|
|
|
|
const StyledTitle = styled(Typography)`
|
|
max-width: 1200px;
|
|
// Spacing
|
|
margin-bottom: 16px;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
// Typography
|
|
font-weight: 400;
|
|
letter-spacing: 0.25px;
|
|
`;
|
