Merge pull request #714 from rishabhsharma1997/master

fix: inline code block in learning-path
layer5io · Aug 12, 2024 · 52bfc6f · 52bfc6f
2 parents ffae2f5 + 2926704
commit 52bfc6f
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/src/custom/StyledChapter/StyledChapter.tsx b/src/custom/StyledChapter/StyledChapter.tsx
@@ -18,6 +18,15 @@ const StyledChapter = styled('div')(({ theme }) => ({
     color: theme.palette.background.brand?.default,
     textDecoration: 'none'
   },
+  '& p > code': {
+    color: 'inherit',
+    padding: '.2em .4em',
+    margin: '0',
+    fontSize: '85%',
+    wordBreak: 'normal',
+    backgroundColor: theme.palette.background.code,
+    borderRadius: '.25rem'
+  },
   '& pre': {
     backgroundColor: '#011627',
     padding: '1em',
@@ -29,15 +38,6 @@ const StyledChapter = styled('div')(({ theme }) => ({
     width: '100%',
     margin: '1rem auto autocompleteClasses',
     fontFamily: 'Courier New, Courier, monospace'
-  },
-  '& code': {
-    color: 'inherit',
-    padding: '.2em .4em',
-    margin: '0',
-    fontSize: '85%',
-    wordBreak: 'normal',
-    backgroundColor: theme.palette.background.code,
-    borderRadius: '.25rem'
   }
 }));
 export default StyledChapter;