vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Demo update

pull/256/head
cagataycivici 2020-03-16 17:19:47 +03:00
parent bd695880cc
commit 33f0533a78
2 changed files with 4 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/terminal/TerminalDemo.vue
View File

@ -8,12 +8,8 @@
</div> </div>
<div class="content-section implementation"> <div class="content-section implementation">
<h3>Basic</h3>
<p>Enter "date" to display the current date, "greet {0}" for a message and "random" to get a random number.</p> <p>Enter "date" to display the current date, "greet {0}" for a message and "random" to get a random number.</p>
<Terminal welcomeMessage="Welcome to PrimeVue" prompt="primevue $" /> <Terminal welcomeMessage="Welcome to PrimeVue" prompt="primevue $" class="dark-demo-terminal" />
<h3>Custom Theme</h3>
<Terminal welcomeMessage="Welcome to PrimeVue" prompt="primevue $" class="dark-terminal" />
</div> </div>
<TerminalDoc /> <TerminalDoc />
@ -62,7 +58,7 @@ p {
margin-top: 0; margin-top: 0;
} }
/deep/ .dark-terminal { /deep/ .dark-demo-terminal {
background-color: #212121; background-color: #212121;
color: #ffffff; color: #ffffff;

8
src/views/terminal/TerminalDoc.vue
View File

@ -122,12 +122,8 @@ export default {
<span>View on GitHub</span> <span>View on GitHub</span>
</a> </a>
<CodeHighlight> <CodeHighlight>
&lt;h3&gt;Basic&lt;/h3&gt;
&lt;p&gt;Enter "date" to display the current date, "greet &#123;0&#125;" for a message and "random" to get a random number.&lt;/p&gt; &lt;p&gt;Enter "date" to display the current date, "greet &#123;0&#125;" for a message and "random" to get a random number.&lt;/p&gt;
&lt;Terminal welcomeMessage="Welcome to PrimeVue" prompt="primevue $" /&gt; &lt;Terminal welcomeMessage="Welcome to PrimeVue" prompt="primevue $" class="dark-demo-terminal" /&gt;
&lt;h3&gt;Custom Theme&lt;/h3&gt;
&lt;Terminal welcomeMessage="Welcome to PrimeVue" prompt="primevue $" class="dark-terminal" /&gt;
</CodeHighlight> </CodeHighlight>
<CodeHighlight lang="js"> <CodeHighlight lang="js">
@ -168,7 +164,7 @@ p {
margin-top: 0; margin-top: 0;
} }
/deep/ .dark-terminal { /deep/ .dark-demo-terminall {
background-color: #212121; background-color: #212121;
color: #ffffff; color: #ffffff;