diff --git a/src/components/molecules/RunContent.tsx b/src/components/molecules/RunContent.tsx index d335ada7..c5086a1b 100644 --- a/src/components/molecules/RunContent.tsx +++ b/src/components/molecules/RunContent.tsx @@ -77,50 +77,50 @@ export const RunContent = ({ row, currentLog, interpretationInProgress, logEndRe - setTab(newTab)} - aria-label="run-content-tabs" - sx={{ - // Remove the default blue indicator - '& .MuiTabs-indicator': { - backgroundColor: '#FF00C3', // Change to pink - }, - // Remove default transition effects - '& .MuiTab-root': { - '&.Mui-selected': { - color: '#FF00C3', - }, - } - }} - > - setTab(newTab)} + aria-label="run-content-tabs" sx={{ - color: (theme) => theme.palette.mode === 'dark' ? '#fff' : '#000', - '&:hover': { - color: '#FF00C3' + // Remove the default blue indicator + '& .MuiTabs-indicator': { + backgroundColor: '#FF00C3', // Change to pink }, - '&.Mui-selected': { - color: '#FF00C3', + // Remove default transition effects + '& .MuiTab-root': { + '&.Mui-selected': { + color: '#FF00C3', + }, } - }} - /> - theme.palette.mode === 'dark' ? '#fff' : '#000', - '&:hover': { - color: '#FF00C3' - }, - '&.Mui-selected': { - color: '#FF00C3', - } - }} - /> - + }} + > + theme.palette.mode === 'dark' ? '#fff' : '#000', + '&:hover': { + color: '#FF00C3' + }, + '&.Mui-selected': { + color: '#FF00C3', + } + }} + /> + theme.palette.mode === 'dark' ? '#fff' : '#000', + '&:hover': { + color: '#FF00C3' + }, + '&.Mui-selected': { + color: '#FF00C3', + } + }} + /> +