GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-03 05:04:51 +08:00
Code Issues Packages Projects Releases Wiki Activity

REMOVE vue render components

Browse Source
This commit is contained in:
Norbert de Langen 2017-11-03 10:51:17 +01:00
parent f3d8169be4
commit 75f0c9e59d
No known key found for this signature in database
GPG Key ID: 976651DA156C2825
2 changed files with 0 additions and 103 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
app/polymer/src/client/preview/ErrorDisplay.vue
View File

@ -1,54 +0,0 @@
<template>
<div class="errordisplay_main">
<div class="errordisplay_heading">{{ message }}</div>
<pre class="errordisplay_code">
<code>
{{ stack }}
</code>
</pre>
</div>
</template>
<script>
export default {
name: 'error-display',
props: {
message: {
type: String,
required: true
},
stack: {
type: String,
required: true
}
}
}
</script>
<style>
.errordisplay_main {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 20;
background-color: rgb(187, 49, 49);
color: #FFF;
webkit-font-smoothing: antialiased;
}
.errordisplay_heading {
font-size: 20;
font-weight: 600;
letter-spacing: 0.2;
margin: 10px 0;
font-family: -apple-system, ".SFNSText-Regular", "San Francisco", Roboto, "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
}
.errordisplay_code {
font-size: 14;
width: 100vw;
overflow: auto;
}
</style>

49
app/polymer/src/client/preview/NoPreview.vue
View File

@ -1,49 +0,0 @@
<template>
<div class="nopreview_wrapper">
<div class="nopreview_main">
<h1 class="nopreview_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>
</template>
<script>
export default {
name: 'no-preview',
}
</script>
<style>
.nopreview_wrapper {
position: fixed;
display: flex;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 20;
align-content: center;
justify-content: center;
font-family: -apple-system, ".SFNSText-Regular", "San Francisco", Roboto, "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
webkit-font-smoothing: antialiased;
}
.nopreview_main {
margin: auto;
padding: 30px;
border-radius: 10px;
background: rgba(0,0,0,0.03);
}
.nopreview_heading {
font-size: 20;
font-weight: 600;
letter-spacing: 0.2;
margin: 10px 0;
text-align: center;
}
</style>