1- <!DOCTYPE html>
2- < html >
3-
4- < head >
5- < meta charset ="utf-8 ">
6- < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
7- < meta content ="IE=edge " http-equiv ="X-UA-Compatible " />
8- < base target ="_parent ">
9- < script >
10- if ( window . parent !== window ) {
11- try {
12- window . __REACT_DEVTOOLS_GLOBAL_HOOK__ = window . parent . __REACT_DEVTOOLS_GLOBAL_HOOK__ ;
13- } catch ( error ) {
14- // The above line can throw if we do not have access to the parent frame -- i.e. cross origin
15- }
16- }
17- </ script >
18- < title > Storybook</ title >
19-
20- </ head >
21-
22- < body >
23- < div id ="root "> </ div >
24- < div id ="error-display "> </ div >
25- < script type ="text/javascript " src ="static/preview.bb0c4e0e37e8b7182152.bundle.js "> </ script > </ body >
26-
27- </ html >
1+ <!doctype html> < html > < head > < meta charset ="utf-8 "> < title > Storybook</ title > < 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-wrapper {
8+ position : fixed;
9+ top : 0 ;
10+ bottom : 0 ;
11+ left : 0 ;
12+ right : 0 ;
13+ padding : 20px ;
14+ font-family : -apple-system, ".SFNSText-Regular" , "San Francisco" , Roboto, "Segoe UI" , "Helvetica Neue" , "Lucida Grande" , sans-serif;
15+ -webkit-font-smoothing : antialiased;
16+ }
17+
18+ .sb-heading {
19+ font-size : 20px ;
20+ font-weight : 600 ;
21+ letter-spacing : 0.2px ;
22+ margin : 10px 0 ;
23+ }
24+
25+ .sb-nopreview {
26+ display : flex;
27+ align-content : center;
28+ justify-content : center;
29+ }
30+
31+ .sb-nopreview_main {
32+ margin : auto;
33+ padding : 30px ;
34+ border-radius : 10px ;
35+ background : rgba (0 , 0 , 0 , 0.03 );
36+ }
37+
38+ .sb-nopreview_heading {
39+ text-align : center;
40+ }
41+
42+ .sb-errordisplay {
43+ background-color : rgb (187 , 49 , 49 );
44+ color : # FFF ;
45+ }
46+
47+ .sb-errordisplay_code {
48+ font-size : 14px ;
49+ width : 100vw ;
50+ overflow : auto;
51+ }</ style > < script > try {
52+ if ( window . parent !== window ) {
53+ window . __REACT_DEVTOOLS_GLOBAL_HOOK__ = window . parent . __REACT_DEVTOOLS_GLOBAL_HOOK__ ;
54+ window . __VUE_DEVTOOLS_GLOBAL_HOOK__ = window . parent . __VUE_DEVTOOLS_GLOBAL_HOOK__ ;
55+ }
56+ } catch ( e ) {
57+ console . warn ( 'unable to connect to parent frame for connecting dev tools' ) ;
58+ } </ script > < link rel ="stylesheet " href ="//cdn.rawgit.com/necolas/normalize.css/master/normalize.css "> < link rel ="stylesheet " href ="//cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css "> < style > button {
59+ box-shadow : 1px 2px 6px rgba (0 , 0 , 0 , 0.3 );
60+ transition : box-shadow 0.1s ;
61+ }
62+
63+ button : hover {
64+ box-shadow : 2px 5px 6px rgba (0 , 0 , 0 , 0.4 );
65+ }</ 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 ">
66+ < code id ="error-stack "> </ code >
67+ </ pre > </ div > < div id ="root "> </ div > < script src ="static/runtime~iframe.36305751f78a2d599ec4.bundle.js "> </ script > < script src ="static/vendors~iframe.64825ef69626ef9c8f63.bundle.js "> </ script > < script src ="static/iframe.6cc71ada6d24d09cf9ad.bundle.js "> </ script > </ body > </ html >
0 commit comments