fix: Fix bubble design in RTL (#10683)

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
This commit is contained in:
Shivam Mishra
2025-01-15 00:44:13 +05:30
committed by GitHub
parent b3d0d466ee
commit 7b31b5ad6e
8 changed files with 76 additions and 19 deletions

View File

@@ -109,15 +109,31 @@ const tailwindConfig = {
'ul li': {
margin: '0 0 0.5em 1em',
listStyleType: 'disc',
'[dir="rtl"] &': {
margin: '0 1em 0.5em 0',
},
},
'ol li': {
margin: '0 0 0.5em 1em',
listStyleType: 'decimal',
'[dir="rtl"] &': {
margin: '0 1em 0.5em 0',
},
},
blockquote: {
color: 'rgb(var(--slate-11))',
borderLeft: `4px solid rgb(var(--black-alpha-1))`,
paddingLeft: '1em',
'[dir="rtl"] &': {
borderLeft: 'none',
paddingLeft: '0',
borderRight: `4px solid rgb(var(--black-alpha-1))`,
paddingRight: '1em',
},
'[dir="ltr"] &': {
borderRight: 'none',
paddingRight: '0',
},
},
code: {
backgroundColor: 'rgb(var(--alpha-3))',
@@ -146,7 +162,7 @@ const tailwindConfig = {
padding: '0.75em',
color: 'rgb(var(--slate-12))',
border: `none`,
textAlign: 'left',
textAlign: 'start',
fontWeight: '600',
},
tr: {