wbuezas
/
salix-front-mindshore-fork2
forked from verdnatura/salix-front
0
0
Fork 0
Code Pull Requests Activity

Change available and visible text colors in item descriptor

This commit is contained in:
William Buezas 2024-01-31 11:00:45 -03:00
parent 43c621f379
commit cb51445ead
2 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/css/app.scss
View File

@ -52,6 +52,10 @@ body.body--dark {
color: var(--vn-text); color: var(--vn-text);
} }
.color-vn-white {
color: $white;
}
.vn-card { .vn-card {
background-color: var(--vn-gray); background-color: var(--vn-gray);
color: var(--vn-text); color: var(--vn-text);

18
src/pages/Item/Card/ItemDescriptor.vue
View File

@ -231,22 +231,26 @@ const openCloneDialog = async () => {
style="height: 54px" style="height: 54px"
> >
<div class="col column items-center"> <div class="col column items-center">
<span class="text-uppercase" style="font-size: 11px"> <span class="text-uppercase color-vn-white" style="font-size: 11px">
{{ t('item.descriptor.visible') }} {{ t('item.descriptor.visible') }}
</span> </span>
<span class="text-weight-bold text-h5">{{ visible }}</span> <span class="text-weight-bold text-h5 color-vn-white">{{
visible
}}</span>
</div> </div>
<div <div
class="col column items-center separation-borders" class="col column items-center separation-borders"
style="font-size: 11px" style="font-size: 11px"
> >
<span class="text-uppercase"> <span class="text-uppercase color-vn-white">
{{ t('item.descriptor.available') }} {{ t('item.descriptor.available') }}
</span> </span>
<span class="text-weight-bold text-h5">{{ available }}</span> <span class="text-weight-bold text-h5 color-vn-white">{{
available
}}</span>
</div> </div>
<div class="col column items-center justify-center"> <div class="col column items-center justify-center">
<QIcon name="info" class="cursor-pointer" size="md"> <QIcon name="info" class="cursor-pointer color-vn-white" size="md">
<QTooltip>{{ warehouseText }}</QTooltip> <QTooltip>{{ warehouseText }}</QTooltip>
</QIcon> </QIcon>
</div> </div>
@ -302,7 +306,7 @@ es:
} }
.separation-borders { .separation-borders {
border-left: 1px solid var(--vn-text); border-left: 1px solid $white;
border-right: 1px solid var(--vn-text); border-right: 1px solid $white;
} }
</style> </style>