add name to demo
This commit is contained in:
@@ -21,8 +21,13 @@
|
|||||||
<prism :code="activeFile.content" :language="activeFile.highlight" :highlight="highlight" />
|
<prism :code="activeFile.content" :language="activeFile.highlight" :highlight="highlight" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="demo__link">
|
<div class="demo__meta">
|
||||||
<a :href="githubUrl" target="_blank">Edit on GitHub</a>
|
<div class="demo__name">
|
||||||
|
{{ this.name }}
|
||||||
|
</div>
|
||||||
|
<a class="demo__link" :href="githubUrl" target="_blank">
|
||||||
|
Edit on GitHub →
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<div v-else class="demo__error">
|
<div v-else class="demo__error">
|
||||||
|
|||||||
@@ -49,8 +49,19 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__link {
|
&__meta {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
width: 100%;
|
||||||
padding: 1rem 1.5rem;
|
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 {
|
&__error {
|
||||||
|
|||||||
Reference in New Issue
Block a user