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+
7+ .sb-show-main .sb-main-centered {
8+ margin : 0 ;
9+ display : flex;
10+ align-items : center;
11+ min-height : 100vh ;
12+ }
13+
14+ .sb-show-main .sb-main-centered # root {
15+ box-sizing : border-box;
16+ margin : auto;
17+ padding : 1rem ;
18+ max-height : 100% ; /* Hack for centering correctly in IE11 */
19+ }
20+
21+ /* Vertical centering fix for IE11 */
22+ @media screen and (-ms-high-contrast : none), (-ms-high-contrast : active) {
23+ .sb-show-main .sb-main-centered : after {
24+ content : '' ;
25+ min-height : inherit;
26+ font-size : 0 ;
27+ }
28+ }
29+
30+ .sb-show-main .sb-main-fullscreen {
31+ margin : 0 ;
32+ padding : 0 ;
33+ display : block;
34+ }
35+
36+ .sb-show-main .sb-main-padded {
37+ margin : 0 ;
38+ padding : 1rem ;
39+ display : block;
40+ }
41+
42+ .sb-wrapper {
43+ position : fixed;
44+ top : 0 ;
45+ bottom : 0 ;
46+ left : 0 ;
47+ right : 0 ;
48+ padding : 20px ;
49+ font-family : "Nunito Sans" , -apple-system, ".SFNSText-Regular" , "San Francisco" , BlinkMacSystemFont, "Segoe UI" , "Helvetica Neue" , Helvetica, Arial, sans-serif;
50+ -webkit-font-smoothing : antialiased;
51+ overflow : auto;
52+ }
53+
54+ .sb-heading {
55+ font-size : 14px ;
56+ font-weight : 600 ;
57+ letter-spacing : 0.2px ;
58+ margin : 10px 0 ;
59+ padding-right : 25px ;
60+ }
61+
62+ .sb-nopreview {
63+ display : flex;
64+ align-content : center;
65+ justify-content : center;
66+ }
67+
68+ .sb-nopreview_main {
69+ margin : auto;
70+ padding : 30px ;
71+ border-radius : 10px ;
72+ background : rgba (0 , 0 , 0 , 0.03 );
73+ }
74+
75+ .sb-nopreview_heading {
76+ text-align : center;
77+ }
78+
79+ .sb-errordisplay {
80+ border : 20px solid rgb (187 , 49 , 49 );
81+ background : # 222 ;
82+ color : # fff ;
83+ z-index : 999999 ;
84+ }
85+
86+ .sb-errordisplay_code {
87+ padding : 10px ;
88+ background : # 000 ;
89+ color : # eee ;
90+ font-family : "Operator Mono" , "Fira Code Retina" , "Fira Code" , "FiraCode-Retina" , "Andale Mono" , "Lucida Console" , Consolas, Monaco, monospace;
91+ }
92+
93+ .sb-errordisplay pre {
94+ white-space : pre-wrap;
95+ }</ style > < script > /* globals window */
96+ /* eslint-disable no-underscore-dangle */
97+ try {
98+ if ( window . top !== window ) {
99+ window . __REACT_DEVTOOLS_GLOBAL_HOOK__ = window . top . __REACT_DEVTOOLS_GLOBAL_HOOK__ ;
100+ window . __VUE_DEVTOOLS_GLOBAL_HOOK__ = window . top . __VUE_DEVTOOLS_GLOBAL_HOOK__ ;
101+ window . top . __VUE_DEVTOOLS_CONTEXT__ = window . document ;
102+ }
103+ } catch ( e ) {
104+ // eslint-disable-next-line no-console
105+ console . warn ( 'unable to connect to top frame for connecting dev tools' ) ;
106+ }
107+
108+ window . onerror = function onerror ( message , source , line , column , err ) {
109+ if ( window . CONFIG_TYPE !== 'DEVELOPMENT' ) return ;
110+ // eslint-disable-next-line no-var, vars-on-top
111+ var xhr = new window . XMLHttpRequest ( ) ;
112+ xhr . open ( 'POST' , '/runtime-error' ) ;
113+ xhr . setRequestHeader ( 'Content-Type' , 'application/json;charset=UTF-8' ) ;
114+ xhr . send (
115+ JSON . stringify ( {
116+ /* eslint-disable object-shorthand */
117+ message : message ,
118+ source : source ,
119+ line : line ,
120+ column : column ,
121+ error : err && { message : err . message , name : err . name , stack : err . stack } ,
122+ origin : 'preview' ,
123+ /* eslint-enable object-shorthand */
124+ } )
125+ ) ;
126+ } ; </ script > < style > # root [hidden ],
127+ # docs-root [hidden ] {
128+ display : none !important ;
129+ }</ 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 > window [ 'LOGLEVEL' ] = "info" ;
130+
131+
132+
133+ window [ 'FRAMEWORK_OPTIONS' ] = { } ; </ script > < script src ="runtime~main.b34d0c75d87e73515148.bundle.js "> </ script > < script src ="vendors~main.b34d0c75d87e73515148.bundle.js "> </ script > < script src ="main.b34d0c75d87e73515148.bundle.js "> </ script > </ body > </ html >
0 commit comments