forked from verdnatura/salix-front
Replaced orange color with brand primary color
This commit is contained in:
parent
28f2ff0f9f
commit
2194fde3c6
|
@ -27,11 +27,11 @@ onMounted(() => {
|
||||||
stack
|
stack
|
||||||
size="lg"
|
size="lg"
|
||||||
:icon="module.icon"
|
:icon="module.icon"
|
||||||
color="orange-6"
|
color="primary"
|
||||||
class="col-4 button"
|
class="col-4 button"
|
||||||
:to="{ name: module.stateName }"
|
:to="{ name: module.stateName }"
|
||||||
>
|
>
|
||||||
<div class="text-center text-orange-6 button-text">
|
<div class="text-center text-primary button-text">
|
||||||
{{ t(`${module.name}.pageTitles.${module.title}`) }}
|
{{ t(`${module.name}.pageTitles.${module.title}`) }}
|
||||||
</div>
|
</div>
|
||||||
</q-btn>
|
</q-btn>
|
||||||
|
|
|
@ -28,7 +28,7 @@ async function onToggleFavoriteModule(moduleName, event) {
|
||||||
<q-item
|
<q-item
|
||||||
clickable
|
clickable
|
||||||
v-ripple
|
v-ripple
|
||||||
active-class="text-orange"
|
active-class="text-primary"
|
||||||
:key="module.title"
|
:key="module.title"
|
||||||
:to="{ name: module.stateName }"
|
:to="{ name: module.stateName }"
|
||||||
v-if="!module.roles || !module.roles.length || hasAny(module.roles)"
|
v-if="!module.roles || !module.roles.length || hasAny(module.roles)"
|
||||||
|
@ -48,7 +48,7 @@ async function onToggleFavoriteModule(moduleName, event) {
|
||||||
<template v-if="module.children">
|
<template v-if="module.children">
|
||||||
<q-expansion-item
|
<q-expansion-item
|
||||||
class="module"
|
class="module"
|
||||||
active-class="text-orange"
|
active-class="text-primary"
|
||||||
:label="t(`${module.name}.pageTitles.${module.title}`)"
|
:label="t(`${module.name}.pageTitles.${module.title}`)"
|
||||||
v-if="!module.roles || !module.roles.length || hasAny(module.roles)"
|
v-if="!module.roles || !module.roles.length || hasAny(module.roles)"
|
||||||
:to="{ name: module.stateName }"
|
:to="{ name: module.stateName }"
|
||||||
|
@ -68,7 +68,7 @@ async function onToggleFavoriteModule(moduleName, event) {
|
||||||
<q-item
|
<q-item
|
||||||
clickable
|
clickable
|
||||||
v-ripple
|
v-ripple
|
||||||
active-class="text-orange"
|
active-class="text-primary"
|
||||||
:to="{ name: section.stateName }"
|
:to="{ name: section.stateName }"
|
||||||
v-if="!section.roles || !section.roles.length || hasAny(section.roles)"
|
v-if="!section.roles || !section.roles.length || hasAny(section.roles)"
|
||||||
>
|
>
|
||||||
|
@ -93,7 +93,7 @@ async function onToggleFavoriteModule(moduleName, event) {
|
||||||
class="module"
|
class="module"
|
||||||
clickable
|
clickable
|
||||||
v-ripple
|
v-ripple
|
||||||
active-class="text-orange"
|
active-class="text-primary"
|
||||||
:key="module.title"
|
:key="module.title"
|
||||||
:to="{ name: module.stateName }"
|
:to="{ name: module.stateName }"
|
||||||
v-if="!module.roles || !module.roles.length || hasAny(module.roles)"
|
v-if="!module.roles || !module.roles.length || hasAny(module.roles)"
|
||||||
|
@ -117,7 +117,7 @@ async function onToggleFavoriteModule(moduleName, event) {
|
||||||
<template v-if="module.children">
|
<template v-if="module.children">
|
||||||
<q-expansion-item
|
<q-expansion-item
|
||||||
class="module"
|
class="module"
|
||||||
active-class="text-orange"
|
active-class="text-primary"
|
||||||
:label="t(`${module.name}.pageTitles.${module.title}`)"
|
:label="t(`${module.name}.pageTitles.${module.title}`)"
|
||||||
v-if="!module.roles || !module.roles.length || hasAny(module.roles)"
|
v-if="!module.roles || !module.roles.length || hasAny(module.roles)"
|
||||||
:to="{ name: module.stateName }"
|
:to="{ name: module.stateName }"
|
||||||
|
@ -141,7 +141,7 @@ async function onToggleFavoriteModule(moduleName, event) {
|
||||||
<q-item
|
<q-item
|
||||||
clickable
|
clickable
|
||||||
v-ripple
|
v-ripple
|
||||||
active-class="text-orange"
|
active-class="text-primary"
|
||||||
:to="{ name: section.stateName }"
|
:to="{ name: section.stateName }"
|
||||||
v-if="!section.roles || !section.roles.length || hasAny(section.roles)"
|
v-if="!section.roles || !section.roles.length || hasAny(section.roles)"
|
||||||
>
|
>
|
||||||
|
|
|
@ -44,7 +44,7 @@ const modules = useNavigation();
|
||||||
class="col-4 button"
|
class="col-4 button"
|
||||||
:to="{ name: module.stateName }"
|
:to="{ name: module.stateName }"
|
||||||
>
|
>
|
||||||
<div class="text-center text-orange-6 button-text">
|
<div class="text-center text-primary button-text">
|
||||||
{{ t(`${module.name}.pageTitles.${module.title}`) }}
|
{{ t(`${module.name}.pageTitles.${module.title}`) }}
|
||||||
</div>
|
</div>
|
||||||
</q-btn>
|
</q-btn>
|
||||||
|
|
|
@ -28,7 +28,7 @@ async function fetch() {
|
||||||
function stateColor(state) {
|
function stateColor(state) {
|
||||||
if (state.code === 'OK') return 'text-green';
|
if (state.code === 'OK') return 'text-green';
|
||||||
if (state.code === 'FREE') return 'text-blue-3';
|
if (state.code === 'FREE') return 'text-blue-3';
|
||||||
if (state.alertLevel === 1) return 'text-orange';
|
if (state.alertLevel === 1) return 'text-primary';
|
||||||
if (state.alertLevel === 0) return 'text-red';
|
if (state.alertLevel === 0) return 'text-red';
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
Loading…
Reference in New Issue