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

Add designer section

pull/227/head
onursenture 2020-03-02 21:20:53 +03:00
parent 34646c624d
commit ad3a0b50b7
2 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/assets/styles/app.scss
View File

@ -1220,6 +1220,22 @@ a {
}
}
/* DESIGNER */
.primevue-designer {
background-color: #ffffff;
padding: 30px;
h3 {
margin: 10px 0 20px 0;
display: block;
text-align: center;
font-size: 24px;
}
img {
width: 100%;
margin-bottom: 30px;
}
}
.icons-page {
.icons-list {
text-align: center;

12
src/views/Home.vue
View File

@ -170,6 +170,18 @@
</div>
</div>
</div>
<div class="primevue-designer">
<h3>PrimeVue Designer API</h3>
<div class="p-grid">
<div className="p-col-12">
<img alt="PrimeReact Designer" src="../assets/images/primevue-designer.jpg" />
<p><a href="https://www.primefaces.org/designer/primevue">Designer API</a> is a SASS based theme engine to create PrimeVue themes easily featuring over 500 variables,
a demo application and a base sample theme. Whether you have your own style guide or just need a custom theme, Designer API is the right tool to design and bring them to existence.</p>
<p>Visit <a href="https://www.primefaces.org/designer/primevue">Designer API HomePage</a> for more information, live demos and access to a trial version.</p>
</div>
</div>
</div>
<div class="prosupport">
<div class="p-grid">
<div class="p-col-12 p-md-6">