mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2024-11-25 21:35:53 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

show error message when demo is missing

Browse Source
This commit is contained in:
Hans Pagel 2020-08-20 17:38:47 +02:00
parent 4e2cfd1f49
commit 16da584ebd
2 changed files with 31 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
docs/src/components/Demo/index.vue
View File

@ -1,6 +1,7 @@
<template>
<div class="demo">
<div class="demo__preview" v-if="mainFile">
<template v-if="mainFile">
<div class="demo__preview">
<component :is="mainFile" v-if="mode === 'vue'" />
<react-renderer :component="mainFile" v-if="mode === 'react'" />
</div>
@ -23,6 +24,10 @@
<div class="demo__link">
<a :href="githubUrl" target="_blank">Edit on GitHub</a>
</div>
</template>
<div v-else class="demo__error">
Could not find a demo called “{{ this.name }}”.
</div>
</div>
</template>

6
docs/src/components/Demo/style.scss
View File

@ -52,4 +52,10 @@
&__link {
padding: 1rem 1.5rem;
}
&__error {
padding: 1rem 1.5rem;
color: $colorRed;
background-color: rgba($colorRed, 0.1);
}
}