Skip to content

Commit

Permalink
Remove temp story
Browse files Browse the repository at this point in the history
  • Loading branch information
neokidev committed May 22, 2023
1 parent 52ec338 commit b2e240d
Showing 1 changed file with 0 additions and 52 deletions.
52 changes: 0 additions & 52 deletions src/mantine-core/src/AppShell/AppShell.responsive.story.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,6 @@ import {
MediaQuery,
Burger,
useMantineTheme,
createStyles,
MantineProvider,
} from '@mantine/core';

export default { title: 'AppShell' };
Expand Down Expand Up @@ -66,53 +64,3 @@ export function Responsive() {
</AppShell>
);
}

const useStyles = createStyles((theme) => ({
aside: {
padding: theme.spacing.md,
background: 'red',
[theme.fn.smallerThan('md')]: {
transform: 'translateX(100%)',
},
},
navbar: {
padding: theme.spacing.md,
background: 'blue',
[theme.fn.smallerThan('md')]: {
transform: 'translateX(-100%)',
},
},
}));

export function Tmp() {
const { classes } = useStyles();
return (
<MantineProvider withGlobalStyles withNormalizeCSS>
<AppShell
padding="md"
navbarOffsetBreakpoint="md"
asideOffsetBreakpoint="md"
aside={
<Aside
hiddenBreakpoint="md"
className={classes.aside}
width={{ sm: 300, md: 200, lg: 250, xl: 300 }}
>
aside
</Aside>
}
navbar={
<Navbar
hiddenBreakpoint="md"
className={classes.navbar}
width={{ sm: 300, md: 200, lg: 250, xl: 300 }}
>
navbar
</Navbar>
}
>
Your app here
</AppShell>
</MantineProvider>
);
}

0 comments on commit b2e240d

Please sign in to comment.