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

Color updates

pull/345/head
cagataycivici 2020-06-18 12:01:31 +03:00
parent 91014b11e5
commit c7a1e0680e
3 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/AppConfigurator.vue
View File

@ -82,28 +82,28 @@
<img src="./assets/images/themes/vela-blue.png" alt="Arya Blue" @click="changeTheme($event, 'arya-blue', true)"/> <img src="./assets/images/themes/vela-blue.png" alt="Arya Blue" @click="changeTheme($event, 'arya-blue', true)"/>
<i class="pi pi-check" v-if="theme === 'arya-blue'" /> <i class="pi pi-check" v-if="theme === 'arya-blue'" />
</button> </button>
<span>arya Blue</span> <span>Arya Blue</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link"> <button class="p-link">
<img src="./assets/images/themes/vela-green.png" alt="Arya Green" @click="changeTheme($event, 'arya-green', true)"/> <img src="./assets/images/themes/vela-green.png" alt="Arya Green" @click="changeTheme($event, 'arya-green', true)"/>
<i class="pi pi-check" v-if="theme === 'arya-green'" /> <i class="pi pi-check" v-if="theme === 'arya-green'" />
</button> </button>
<span>arya Green</span> <span>Arya Green</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link"> <button class="p-link">
<img src="./assets/images/themes/vela-orange.png" alt="Arya Orange" @click="changeTheme($event, 'arya-orange', true)"/> <img src="./assets/images/themes/vela-orange.png" alt="Arya Orange" @click="changeTheme($event, 'arya-orange', true)"/>
<i class="pi pi-check" v-if="theme === 'arya-orange'" /> <i class="pi pi-check" v-if="theme === 'arya-orange'" />
</button> </button>
<span>arya Orange</span> <span>Arya Orange</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link"> <button class="p-link">
<img src="./assets/images/themes/vela-purple.png" alt="Arya Purple" @click="changeTheme($event, 'arya-purple', true)"/> <img src="./assets/images/themes/vela-purple.png" alt="Arya Purple" @click="changeTheme($event, 'arya-purple', true)"/>
<i class="pi pi-check" v-if="theme === 'arya-purple'" /> <i class="pi pi-check" v-if="theme === 'arya-purple'" />
</button> </button>
<span>arya Purple</span> <span>Arya Purple</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link"> <button class="p-link">

1
src/assets/styles/app/_config.scss
View File

@ -10,6 +10,7 @@
transition: transform .3s; transition: transform .3s;
transform: translate3d(550px,0,0); transform: translate3d(550px,0,0);
backface-visibility: hidden; backface-visibility: hidden;
border-left: 1px solid var(--surface-d);
&.layout-config-active { &.layout-config-active {
transform: translate3d(0,0,0); transform: translate3d(0,0,0);

4
src/assets/styles/app/_topbar.scss
View File

@ -24,7 +24,7 @@
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background-color: #e9ecef; background-color: var(--surface-c);
} }
i { i {
@ -94,7 +94,7 @@
right: 0; right: 0;
width: 275px; width: 275px;
max-height: 400px; max-height: 400px;
background-color: var(--surface-a); background-color: var(--surface-e);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
overflow: auto; overflow: auto;
list-style-type: none; list-style-type: none;