Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-05-19 20:41:52 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

improve visibility of some code-blocks

Browse source
This commit is contained in:
Marcos Moura 2016-11-28 15:06:53 -02:00
parent 20675ec905
commit c7b22b9e15
2 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
docs/src/components/code-block.vue
View file

@ -1,6 +1,6 @@
<template>
<div class="code-block" :data-lang="lang">
<div class="code-block-wrapper">
<div class="code-block-wrapper" :style="{ 'max-height': height }">
<pre><code :class="lang" ref="block"><slot></slot></code></pre>
<span class="copied" :class="{ 'active': showMessage }">Copied!</span>
@ -168,7 +168,10 @@
highlight.registerLanguage('javascript', highlightJS);
export default {
props: ['lang'],
props: {
lang: String,
height: [Number, String]
},
data: () => ({
showMessage: false
}),

2
docs/src/pages/components/Toolbar.vue
View file

@ -47,7 +47,7 @@
</api-table>
<api-table name="md-account-header">
<code-block lang="xml">
<code-block lang="xml" height="none">
&lt;md-toolbar class=&quot;md-account-header&quot;&gt;
&lt;md-list class=&quot;md-transparent&quot;&gt;
&lt;md-list-item class=&quot;md-avatar-list&quot;&gt;