<!doctype html> < html > < head > < meta charset = "utf-8" > < title > Storybook< / title > < base target = "_parent" > < style > : n o t ( . s b - s h o w - m a i n ) > . s b - m a i n ,
:not(.sb-show-nopreview) > .sb-nopreview,
:not(.sb-show-errordisplay) > .sb-errordisplay {
display: none;
}
.sb-wrapper {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
font-family: -apple-system, ".SFNSText-Regular", "San Francisco", Roboto, "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
-webkit-font-smoothing: antialiased;
}
.sb-heading {
font-size: 20px;
font-weight: 600;
letter-spacing: 0.2px;
margin: 10px 0;
}
.sb-nopreview {
display: flex;
align-content: center;
justify-content: center;
}
.sb-nopreview_main {
margin: auto;
padding: 30px;
border-radius: 10px;
background: rgba(0,0,0,0.03);
}
.sb-nopreview_heading {
text-align: center;
}
.sb-errordisplay {
background-color: rgb(187, 49, 49);
color: #FFF;
}
.sb-errordisplay_code {
font-size: 14px;
width: 100vw;
overflow: auto;
}< / style > < script > t r y {
if (window.parent !== window) {
window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__;
window.__VUE_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__VUE_DEVTOOLS_GLOBAL_HOOK__;
}
} catch (e) {
console.warn('unable to connect to parent frame for connecting dev tools');
}< / script > < style > b o d y {
color: white;
background-color: #000;
background-position: left top;
background-image: linear-gradient(0deg, transparent, transparent 7px, rgba(253,152,0,0.25) 7px), linear-gradient(90deg, transparent, transparent 7px, rgba(253,152,0,0.25) 7px);
background-size: 8px 8px;
padding: 5px 5px !important;
overflow-y: scroll !important;
}< / 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 > < / div > < / div > < div class = "sb-errordisplay sb-wrapper" > < div id = "error-message" class = "sb-heading" > < / div > < pre class = "sb-errordisplay_code" >
< code id = "error-stack" > < / code >
< / pre > < / div > < div id = "root" > < / div > < script src = "static/runtime~iframe.36305751f78a2d599ec4.bundle.js" > < / script > < script src = "static/vendors~iframe.18148d7e476e9730c77a.bundle.js" > < / script > < script src = "static/iframe.db0ed9d40e9af4fb4387.bundle.js" > < / script > < / body > < / html >
