add name to demo
This commit is contained in:
@@ -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">
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user