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> <router-link to="/accessibility">Accessibility</router-link>
</div> </div>
<div class="menu-category">PrimeFlex Utilities</div> <div class="menu-category">PrimeFlex</div>
<div class="menu-items"> <div class="menu-items">
<router-link to="/display">Display</router-link> <router-link to="/display">Display</router-link>
<router-link to="/elevation">Elevation</router-link> <router-link to="/elevation">Elevation</router-link>
<router-link to="/flexbox">FlexBox</router-link> <router-link to="/flexbox">FlexBox</router-link>
<router-link to="/formlayout">FormLayout</router-link> <router-link to="/formlayout">FormLayout</router-link>
<router-link to="/flexgrid">Grid System</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="/spacing">Spacing</router-link>
<router-link to="/text">Text</router-link> <router-link to="/text">Text</router-link>
</div> </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-category">Form</div>
<div class="menu-items"> <div class="menu-items">
<router-link to="/autocomplete">AutoComplete</router-link> <router-link to="/autocomplete">AutoComplete</router-link>

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

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