verdnatura/salix-front
verdnatura
/
salix-front
1
2
Fork 1
Code Issues Pull Requests 62 Releases Wiki 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-vn-white {
color: $white;
}
.vn-card {
background-color: var(--vn-gray);
color: var(--vn-text);

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

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