storybook - 如果不是全屏，向故事书画布添加填充？

Question

我需要在 Storybook 中的画布周围添加填充以用于普通视图，但不是在全屏视图中。

我设法做到了这一点，但感觉有点hacky。我创建了一个manager-head.html文件并通过 CSS 将 iframe 定位在：

<style type="text/css">
  #storybook-preview-iframe {
    padding: 20px;
    box-sizing: border-box;
  }
</style>

有没有更清洁的方法？

标签： storybook