small demo container style improvements

danilo-leal · Apr 17, 2024 · a4455cc · a4455cc
1 parent c1fdb76
commit a4455cc
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 2 deletions.
diff --git a/docs/src/modules/components/Demo.js b/docs/src/modules/components/Demo.js
@@ -239,7 +239,6 @@ const DemoRootMaterial = styled('div', {
     borderRightWidth: 0,
     ...theme.applyDarkStyles({
       backgroundColor: alpha(theme.palette.primaryDark[700], 0.1),
-      borderBottom: 0,
     }),
   }),
   /* Similar to the outlined one but without padding. Ideal for playground demos. */

diff --git a/docs/src/modules/components/DemoToolbarRoot.ts b/docs/src/modules/components/DemoToolbarRoot.ts
@@ -12,6 +12,7 @@ const DemoToolbarRoot = styled('div', {
     display: 'none',
     [theme.breakpoints.up('sm')]: {
       top: 0,
+      maxHeight: 50,
       display: 'block',
       marginTop: demoOptions.bg === 'inline' ? theme.spacing(1) : -1,
       padding: theme.spacing(0.5, 1),

diff --git a/docs/src/modules/components/HighlightedCodeWithTabs.tsx b/docs/src/modules/components/HighlightedCodeWithTabs.tsx
@@ -48,7 +48,7 @@ export const CodeTab = styled(TabBase)<{ ownerState: { mounted: boolean; contain
   ({ theme, ownerState }) =>
     theme.unstable_sx({
       height: 26,
-      p: '0 8px',
+      p: '0 8px 2px 8px',
       border: ownerState?.contained ? '1px solid transparent' : 'none',
       bgcolor: 'transparent',
       color: ownerState?.contained