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

Updated FlexGrid Demo

pull/358/head
cagataycivici 2020-07-02 14:36:26 +03:00
parent 8855a7d74c
commit 5eaf167997
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/AppMenu.vue
View File

@ -10,18 +10,22 @@
<router-link to="/accessibility">Accessibility</router-link>
</div>
<div class="menu-category">PrimeFlex Utilities</div>
<div class="menu-category">PrimeFlex</div>
<div class="menu-items">
<router-link to="/display">Display</router-link>
<router-link to="/elevation">Elevation</router-link>
<router-link to="/flexbox">FlexBox</router-link>
<router-link to="/formlayout">FormLayout</router-link>
<router-link to="/flexgrid">Grid System</router-link>
<router-link to="/icons">Icons</router-link>
<router-link to="/spacing">Spacing</router-link>
<router-link to="/text">Text</router-link>
</div>
<div class="menu-category">PrimeIcons</div>
<div class="menu-items">
<router-link to="/icons">Icons v4.0</router-link>
</div>
<div class="menu-category">Form</div>
<div class="menu-items">
<router-link to="/autocomplete">AutoComplete</router-link>

7
src/views/flexgrid/FlexGridDemo.vue
View File

@ -447,11 +447,12 @@ export default {
.flexgrid-demo {
.box,
.sample-layout > div {
background-color: #c2c8ce;
background-color: var(--surface-e);
text-align: center;
padding-top: 1rem;
padding-bottom: 1rem;
border-radius: 4px;
box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
}
.box-stretched {
@ -463,13 +464,13 @@ export default {
}
.sample-layout > div {
border: 1px solid #ffffff;
border: 1px solid var(--surface-d);
}
.vertical-container {
margin: 0;
height: 200px;
background: #eaecee;
background: var(--surface-d);
border-radius: 4px;
}