iframe.html 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!doctype html><html lang="en"><head><meta charset="utf-8"><title>Storybook</title><meta name="viewport" content="width=device-width,initial-scale=1"><base target="_parent"><style>:not(.sb-show-main) > .sb-main,
  2. :not(.sb-show-nopreview) > .sb-nopreview,
  3. :not(.sb-show-errordisplay) > .sb-errordisplay {
  4. display: none;
  5. }
  6. .sb-wrapper {
  7. position: fixed;
  8. top: 0;
  9. bottom: 0;
  10. left: 0;
  11. right: 0;
  12. padding: 20px;
  13. font-family: "Nunito Sans", -apple-system, ".SFNSText-Regular", "San Francisco", BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  14. -webkit-font-smoothing: antialiased;
  15. overflow: auto;
  16. }
  17. .sb-heading {
  18. font-size: 14px;
  19. font-weight: 600;
  20. letter-spacing: 0.2px;
  21. margin: 10px 0;
  22. padding-right: 25px;
  23. }
  24. .sb-nopreview {
  25. display: flex;
  26. align-content: center;
  27. justify-content: center;
  28. }
  29. .sb-nopreview_main {
  30. margin: auto;
  31. padding: 30px;
  32. border-radius: 10px;
  33. background: rgba(0,0,0,0.03);
  34. }
  35. .sb-nopreview_heading {
  36. text-align: center;
  37. }
  38. .sb-errordisplay {
  39. border: 20px solid rgb(187, 49, 49);
  40. background: #222;
  41. color: #fff;
  42. z-index: 999999;
  43. }
  44. .sb-errordisplay_code {
  45. padding: 10px;
  46. background: #000;
  47. color: #eee;
  48. font-family: "Operator Mono", "Fira Code Retina", "Fira Code", "FiraCode-Retina", "Andale Mono", "Lucida Console", Consolas, Monaco, monospace;
  49. }
  50. .sb-errordisplay pre {
  51. white-space: pre-wrap;
  52. }</style><script>/* globals window */
  53. /* eslint-disable no-underscore-dangle */
  54. try {
  55. if (window.top !== window) {
  56. window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.top.__REACT_DEVTOOLS_GLOBAL_HOOK__;
  57. window.__VUE_DEVTOOLS_GLOBAL_HOOK__ = window.top.__VUE_DEVTOOLS_GLOBAL_HOOK__;
  58. window.top.__VUE_DEVTOOLS_CONTEXT__ = window.document;
  59. }
  60. } catch (e) {
  61. // eslint-disable-next-line no-console
  62. console.warn('unable to connect to top frame for connecting dev tools');
  63. }</script><link href="static/css/main.bff48912.chunk.css" rel="stylesheet"><style>#root[hidden],
  64. #docs-root[hidden] {
  65. display: none !important;
  66. }</style></head><body><div class="sb-nopreview sb-wrapper"><div class="sb-nopreview_main"><h1 class="sb-nopreview_heading sb-heading">No Preview</h1><p>Sorry, but you either have no stories or none are selected somehow.</p><ul><li>Please check the Storybook config.</li><li>Try reloading the page.</li></ul><p>If the problem persists, check the browser console, or the terminal you've run Storybook from.</p></div></div><div class="sb-errordisplay sb-wrapper"><pre id="error-message" class="sb-heading"></pre><pre class="sb-errordisplay_code"><code id="error-stack"></code></pre></div><div id="root"></div><div id="docs-root"></div><script src="runtime~main.9f4b0b7e4735fd082521.bundle.js"></script><script src="vendors~main.9f4b0b7e4735fd082521.bundle.js"></script><script src="main.9f4b0b7e4735fd082521.bundle.js"></script></body></html>