add name to demo

This commit is contained in:
Hans Pagel
2020-08-20 21:14:44 +02:00
parent 7dbe4f5e42
commit 672fe2beab
2 changed files with 19 additions and 3 deletions

View File

@@ -21,8 +21,13 @@
<prism :code="activeFile.content" :language="activeFile.highlight" :highlight="highlight" />
</div>
</div>
<div class="demo__link">
<a :href="githubUrl" target="_blank">Edit on GitHub</a>
<div class="demo__meta">
<div class="demo__name">
{{ this.name }}
</div>
<a class="demo__link" :href="githubUrl" target="_blank">
Edit on GitHub
</a>
</div>
</template>
<div v-else class="demo__error">

View File

@@ -49,8 +49,19 @@
}
}
&__link {
&__meta {
display: flex;
justify-content: space-between;
width: 100%;
padding: 1rem 1.5rem;
border: 1px solid rgba($colorBlack, 0.1);
border-top-width: 0;
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
&__link {
text-align: right;
}
&__error {