From 2926704175e9c9c707f12e7a0197de6984c3cf95 Mon Sep 17 00:00:00 2001 From: rishabhsharma1997 Date: Mon, 12 Aug 2024 19:29:25 +0530 Subject: [PATCH] fix: inline code block in learning-path Signed-off-by: rishabhsharma1997 --- src/custom/StyledChapter/StyledChapter.tsx | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/src/custom/StyledChapter/StyledChapter.tsx b/src/custom/StyledChapter/StyledChapter.tsx index adfeee40..83464462 100644 --- 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;