Color updates
parent
91014b11e5
commit
c7a1e0680e
|
@ -82,28 +82,28 @@
|
|||
<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'" />
|
||||
</button>
|
||||
<span>arya Blue</span>
|
||||
<span>Arya Blue</span>
|
||||
</div>
|
||||
<div class="p-col-3">
|
||||
<button class="p-link">
|
||||
<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'" />
|
||||
</button>
|
||||
<span>arya Green</span>
|
||||
<span>Arya Green</span>
|
||||
</div>
|
||||
<div class="p-col-3">
|
||||
<button class="p-link">
|
||||
<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'" />
|
||||
</button>
|
||||
<span>arya Orange</span>
|
||||
<span>Arya Orange</span>
|
||||
</div>
|
||||
<div class="p-col-3">
|
||||
<button class="p-link">
|
||||
<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'" />
|
||||
</button>
|
||||
<span>arya Purple</span>
|
||||
<span>Arya Purple</span>
|
||||
</div>
|
||||
<div class="p-col-3">
|
||||
<button class="p-link">
|
||||
|
|
|
@ -10,6 +10,7 @@
|
|||
transition: transform .3s;
|
||||
transform: translate3d(550px,0,0);
|
||||
backface-visibility: hidden;
|
||||
border-left: 1px solid var(--surface-d);
|
||||
|
||||
&.layout-config-active {
|
||||
transform: translate3d(0,0,0);
|
||||
|
|
|
@ -24,7 +24,7 @@
|
|||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background-color: #e9ecef;
|
||||
background-color: var(--surface-c);
|
||||
}
|
||||
|
||||
i {
|
||||
|
@ -94,7 +94,7 @@
|
|||
right: 0;
|
||||
width: 275px;
|
||||
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);
|
||||
overflow: auto;
|
||||
list-style-type: none;
|
||||
|
|
Loading…
Reference in New Issue