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

Demo cosmetics on flexgrid

pull/3/head
cagataycivici 2018-12-10 15:25:02 +03:00
parent 18ea7da768
commit 73f3ed9dde
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -419,13 +419,13 @@ body {
a { a {
border-radius: 3px; border-radius: 3px;
background-color: #b2ddea; background-color: #2f4860;
color: #00475d; color: #ffffff;
padding: 2px 4px; padding: 2px 4px;
@include transition(background-color .2s); @include transition(background-color .2s);
&:hover { &:hover {
background-color: #d8eef4; background-color: #536e8b;
} }
} }
} }

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

@ -2,9 +2,9 @@
<div> <div>
<div class="content-section introduction"> <div class="content-section introduction">
<div class="feature-intro"> <div class="feature-intro">
<h1>InputText</h1> <h1>FlexGrid</h1>
<p>Flex Grid CSS is a lightweight flex based responsive layout utility optimized for mobile phones, tablets and desktops. <p>Flex Grid CSS is a lightweight flex based responsive layout utility optimized for mobile phones, tablets and desktops.
Flex Grid CSS is not included in PrimeReact as it is provided by <a href="https://github.com/primefaces/primeflex">PrimeFlex</a>, a shared grid library between PrimeFaces, PrimeNG, PrimeReact and PrimeVue projects.</p> Flex Grid CSS is not included in PrimeReact as it is provided by <a href="https://github.com/primefaces/primeflex">PrimeFlex</a> , a shared grid library between PrimeFaces, PrimeNG, PrimeReact and PrimeVue projects.</p>
</div> </div>
</div> </div>
@ -444,7 +444,7 @@ export default {
.flexgrid-demo { .flexgrid-demo {
.box, .box,
.sample-layout > div { .sample-layout > div {
background-color: #cce4f7; background-color: #f1f1f1;
text-align: center; text-align: center;
padding-top: 1em; padding-top: 1em;
padding-bottom: 1em; padding-bottom: 1em;
@ -466,7 +466,7 @@ export default {
.vertical-container { .vertical-container {
margin: 0; margin: 0;
height: 200px; height: 200px;
background: #efefef; background: #f1f1f1;
border-radius: 4px; border-radius: 4px;
} }