説明なし

iframe.html 2.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <meta content="IE=edge" http-equiv="X-UA-Compatible" />
  7. <base target="_parent">
  8. <title>Storybook</title>
  9. <link rel="shortcut icon" href="favicon.ico?v=1" />
  10. <script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
  11. <style>
  12. :not(.sb-show-main) > .sb-main,
  13. :not(.sb-show-nopreview) > .sb-nopreview,
  14. :not(.sb-show-errordisplay) > .sb-errordisplay {
  15. display: none;
  16. }
  17. .sb-wrapper {
  18. position: fixed;
  19. top: 0;
  20. bottom: 0;
  21. left: 0;
  22. right: 0;
  23. padding: 20px;
  24. font-family: -apple-system, ".SFNSText-Regular", "San Francisco", Roboto, "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
  25. -webkit-font-smoothing: antialiased;
  26. }
  27. .sb-heading {
  28. font-size: 20px;
  29. font-weight: 600;
  30. letter-spacing: 0.2px;
  31. margin: 10px 0;
  32. }
  33. .sb-nopreview {
  34. display: flex;
  35. align-content: center;
  36. justify-content: center;
  37. }
  38. .sb-nopreview_main {
  39. margin: auto;
  40. padding: 30px;
  41. border-radius: 10px;
  42. background: rgba(0,0,0,0.03);
  43. }
  44. .sb-nopreview_heading {
  45. text-align: center;
  46. }
  47. .sb-errordisplay {
  48. background-color: rgb(187, 49, 49);
  49. color: #FFF;
  50. }
  51. .sb-errordisplay_code {
  52. font-size: 14px;
  53. width: 100vw;
  54. overflow: auto;
  55. }
  56. </style>
  57. </head>
  58. <body class="sb-show-main">
  59. <div id="root" class="sb-main"></div>
  60. <div class="sb-nopreview sb-wrapper">
  61. <div class="sb-nopreview_main">
  62. <h1 class="sb-nopreview_heading sb-heading">No Preview</h1>
  63. <p>Sorry, but you either have no stories or none are selected somehow.</p>
  64. <ul>
  65. <li>Please check the storybook config.</li>
  66. <li>Try reloading the page.</li>
  67. </ul>
  68. </div>
  69. </div>
  70. <div class="sb-errordisplay sb-wrapper">
  71. <div id="error-message" class="sb-heading"></div>
  72. <pre class="sb-errordisplay_code">
  73. <code id="error-stack"></code>
  74. </pre>
  75. </div>
  76. <script type="text/javascript" src="static/runtime~preview.3d1c6dcf72bd957deb27.bundle.js"></script><script type="text/javascript" src="static/vendors~preview.014d44b79772935ed98a.bundle.js"></script><script type="text/javascript" src="static/preview.882bafd716960d2ded4d.bundle.js"></script></body>
  77. </html>