diff options
| author | FIN-IT_AndriFP <andrifebriyadiputra@gmail.com> | 2026-01-31 10:41:30 +0700 |
|---|---|---|
| committer | FIN-IT_AndriFP <andrifebriyadiputra@gmail.com> | 2026-01-31 10:41:30 +0700 |
| commit | adecb2faf9bef2bb6f1740a8c8c5eb732117fc3d (patch) | |
| tree | c39a95db9baedb4afc179aa66431e59d60b81d59 /src-migrate | |
| parent | d74edefd0226cb192be55cad005378ca7ca084a6 (diff) | |
fix description tag list html
Diffstat (limited to 'src-migrate')
| -rw-r--r-- | src-migrate/modules/product-detail/components/ProductDetail.tsx | 27 |
1 files changed, 26 insertions, 1 deletions
diff --git a/src-migrate/modules/product-detail/components/ProductDetail.tsx b/src-migrate/modules/product-detail/components/ProductDetail.tsx index 832694f6..13350433 100644 --- a/src-migrate/modules/product-detail/components/ProductDetail.tsx +++ b/src-migrate/modules/product-detail/components/ProductDetail.tsx @@ -602,7 +602,32 @@ const ProductDetail = ({ product }: Props) => { {/* DESKRIPSI */} <TabPanel px={0} py={6}> <div className='overflow-x-auto text-sm text-gray-700'> - <div className={style['description']} dangerouslySetInnerHTML={{ __html: cleanDescription }} /> + <Box + className={style['description']} + sx={{ + 'ul, ol': { + marginTop: '0.5em !important', + marginBottom: '1em !important', + marginLeft: '0 !important', + + listStylePosition: 'outside !important', + paddingLeft: '1.5em !important' + }, + 'ul': { + listStyleType: 'disc !important' + }, + 'ol': { + listStyleType: 'decimal !important' + }, + + 'li': { + marginBottom: '0.4em !important', + paddingLeft: '0.3em !important', + lineHeight: '1.6 !important' + } + }} + dangerouslySetInnerHTML={{ __html: cleanDescription }} + /> </div> </TabPanel> |