reduce the banner size

oliviertassinari · Jul 8, 2023 · 9164d90 · 9164d90
1 parent 181d406
commit 9164d90
Showing 1 changed file with 5 additions and 12 deletions.
diff --git a/docs/src/components/banner/TableOfContentsBanner.tsx b/docs/src/components/banner/TableOfContentsBanner.tsx
@@ -13,8 +13,10 @@ export default function TableOfContentsBanner() {
       sx={[
         (theme) => ({
           mb: 2,
+          mx: 0.5,
           display: 'flex',
           flexDirection: 'column',
+          alignItems: 'flex-start',
           overflow: 'auto',
           backgroundColor: alpha(theme.palette.grey[50], 0.4),
           border: '1px solid',
@@ -38,21 +40,12 @@ export default function TableOfContentsBanner() {
       ]}
     >
       <Box sx={{ width: '100%' }}>
-        <Box sx={{ height: '12px', backgroundColor: '#0057b7' }} />
-        <Box sx={{ height: '12px', backgroundColor: '#ffd700' }} />
+        <Box sx={{ height: 5 + 1, backgroundColor: '#0057b7' }} />
+        <Box sx={{ height: 5, backgroundColor: '#ffd700' }} />
       </Box>
       <Box sx={{ p: 1 }}>
-        <Typography
-          component="span"
-          variant="caption"
-          fontWeight="500"
-          color="text.primary"
-          sx={{ mb: 1 }}
-        >
-          MUI stands in solidarity with the Ukrainian people against the Russian invasion.
-        </Typography>
         <Typography component="span" variant="caption" fontWeight="normal" color="text.secondary">
-          Find out how you can help.
+          MUI stands in solidarity with the Ukrainian people.
         </Typography>
       </Box>
     </Link>