1
1
mirror of https://github.com/primer/css.git synced 2024-11-27 17:52:45 +03:00

Move default padding inside iframe

This allows things like the focus ring to not get cut off.
This commit is contained in:
simurai 2019-03-15 20:23:37 +09:00
parent 55e9291634
commit 4a399ac7f9
2 changed files with 2 additions and 2 deletions

View File

@ -35,7 +35,7 @@ export default function CodeExample(props) {
return (
<LiveProvider {...liveProps}>
<BorderBox {...rest}>
<BorderBox bg="white" p={3} border={0} borderBottom={1} borderRadius={0}>
<BorderBox bg="white" border={0} borderBottom={1} borderRadius={0}>
<Frame>
<LivePreview />
</Frame>

View File

@ -41,7 +41,7 @@ export default class Frame extends React.Component {
return (
<Measure bounds onResize={rect => this.setHeight(rect.bounds.height)}>
{({measureRef}) => (
<div ref={measureRef} style={{overflow: 'auto'}}>
<div ref={measureRef} class="p-3 overflow-auto">
{children}
</div>
)}