mirror of
https://gh.wpcy.net/https://github.com/elementor/one-click-accessibility.git
synced 2026-04-29 02:38:07 +08:00
fa2fd11e29
* [APP-934] add submit logic * [APP-934] add submit logic * [APP-934] add submit logic * [APP-934] add submit logic * Added replace remediation action * Add submit logic * Add submit alt text logic, generate AI alt text * Add AI generate request, add convert from SVG to png base64, added manual fix block * Add AI generate request, add convert from SVG to png base64, added manual fix block * Add texts, add remediation submit, fix logic to store remediation * Add texts, add remediation submit, fix logic to store remediation * Add texts, add remediation submit, fix logic to store remediation * Add texts, add remediation submit, fix logic to store remediation * Add texts, add remediation submit, fix logic to store remediation * Add texts, add remediation submit, fix logic to store remediation --------- Co-authored-by: Raz Ohad <admin@bainternet.info>
44 lines
1.1 KiB
JavaScript
44 lines
1.1 KiB
JavaScript
import Accordion from '@elementor/ui/Accordion';
|
|
import AccordionDetails from '@elementor/ui/AccordionDetails';
|
|
import AccordionSummary from '@elementor/ui/AccordionSummary';
|
|
import Typography from '@elementor/ui/Typography';
|
|
import { styled } from '@elementor/ui/styles';
|
|
|
|
export const StyledAccordion = styled(Accordion)`
|
|
border-right: none;
|
|
border-left: none;
|
|
`;
|
|
|
|
export const StyledAccordionSummary = styled(AccordionSummary)`
|
|
min-height: 44px;
|
|
& .MuiAccordionSummary-content {
|
|
align-items: center;
|
|
gap: ${({ theme }) => theme.spacing(1)};
|
|
width: calc(100% - ${({ theme }) => theme.spacing(4)});
|
|
}
|
|
& .MuiRadio-root {
|
|
padding: 0;
|
|
}
|
|
& .MuiRadio-root.Mui-disabled {
|
|
color: ${({ theme }) => theme.palette.action.active};
|
|
}
|
|
& .MuiRadio-root.Mui-checked {
|
|
color: ${({ theme }) => theme.palette.info.main};
|
|
}
|
|
`;
|
|
|
|
export const StyledAccordionDetails = styled(AccordionDetails)`
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: ${({ theme }) => theme.spacing(2)};
|
|
padding-bottom: 0;
|
|
`;
|
|
|
|
export const SectionTitle = styled(Typography)`
|
|
font-weight: bold;
|
|
`;
|
|
|
|
export const StyledSnippet = styled(Typography)`
|
|
width: 320px;
|
|
word-break: break-word;
|
|
`;
|
