Apply dark/light colors to cards secondary button

This commit is contained in:
William Buezas 2023-12-07 17:20:27 -03:00
parent ec9e8ec4e0
commit f9fe504969
9 changed files with 24 additions and 20 deletions

View File

@ -51,3 +51,7 @@ body.body--dark {
color: var(--vn-text); color: var(--vn-text);
border-radius: 8px; border-radius: 8px;
} }
.vn-secondary-button {
background-color: var(--vn-dark);
}

View File

@ -110,13 +110,13 @@ function viewSummary(id) {
<QBtn <QBtn
:label="t('components.smartCard.openCard')" :label="t('components.smartCard.openCard')"
@click.stop="navigate(row.id)" @click.stop="navigate(row.id)"
color="white" class="vn-secondary-button"
outline outline
/> />
<QBtn <QBtn
:label="t('components.smartCard.viewDescription')" :label="t('components.smartCard.viewDescription')"
@click.stop @click.stop
color="white" class="vn-secondary-button"
outline outline
style="margin-top: 15px" style="margin-top: 15px"
> >

View File

@ -83,7 +83,7 @@ function viewSummary(id) {
<QBtn <QBtn
:label="t('components.smartCard.openCard')" :label="t('components.smartCard.openCard')"
@click.stop="navigate(row.id)" @click.stop="navigate(row.id)"
color="white" class="vn-secondary-button"
outline outline
/> />
<QBtn <QBtn

View File

@ -151,7 +151,7 @@ const downloadCsv = (rows) => {
:label="t('globals.download')" :label="t('globals.download')"
v-else v-else
> >
<Qlist> <QList>
<QItem clickable v-close-popup @click="downloadCsv(rows)"> <QItem clickable v-close-popup @click="downloadCsv(rows)">
<QItemSection> <QItemSection>
<QItemLabel> <QItemLabel>
@ -175,7 +175,7 @@ const downloadCsv = (rows) => {
</QItemLabel> </QItemLabel>
</QItemSection> </QItemSection>
</QItem> </QItem>
</Qlist> </QList>
</QBtnDropdown> </QBtnDropdown>
<QCheckbox <QCheckbox
@ -233,7 +233,7 @@ const downloadCsv = (rows) => {
<QBtn <QBtn
:label="t('components.smartCard.openCard')" :label="t('components.smartCard.openCard')"
@click.stop="navigate(row.id)" @click.stop="navigate(row.id)"
color="white" class="vn-secondary-button"
outline outline
type="reset" type="reset"
/> />

View File

@ -36,14 +36,14 @@ function viewSummary(id) {
} }
function exprBuilder(param, value) { function exprBuilder(param, value) {
switch (param) { switch (param) {
case 'search': case 'search':
return {code: {like: `%${value}%`}}; return { code: { like: `%${value}%` } };
case 'parkingFk': case 'parkingFk':
case 'userFk': case 'userFk':
case 'isRecyclable': case 'isRecyclable':
return {[param]: value}; return { [param]: value };
} }
} }
</script> </script>
@ -105,7 +105,7 @@ function exprBuilder(param, value) {
<QBtn <QBtn
:label="t('components.smartCard.openCard')" :label="t('components.smartCard.openCard')"
@click.stop="navigate(row.id)" @click.stop="navigate(row.id)"
color="white" class="vn-secondary-button"
outline outline
/> />
<QBtn <QBtn

View File

@ -98,13 +98,13 @@ onMounted(async () => {
<QBtn <QBtn
:label="t('components.smartCard.clone')" :label="t('components.smartCard.clone')"
@click.stop="cloneTravel(row)" @click.stop="cloneTravel(row)"
color="white" class="vn-secondary-button"
outline outline
/> />
<QBtn <QBtn
:label="t('addEntry')" :label="t('addEntry')"
@click.stop="viewSummary(row.id)" @click.stop="viewSummary(row.id)"
color="white" class="vn-secondary-button"
outline outline
style="margin-top: 15px" style="margin-top: 15px"
/> />

View File

@ -64,7 +64,7 @@ async function remove(row) {
<QBtn <QBtn
:label="t('components.smartCard.openCard')" :label="t('components.smartCard.openCard')"
@click.stop="navigate(row.id)" @click.stop="navigate(row.id)"
color="white" class="vn-secondary-button"
outline outline
/> />
<QBtn <QBtn

View File

@ -81,7 +81,7 @@ async function remove(row) {
<QBtn <QBtn
:label="t('components.smartCard.openCard')" :label="t('components.smartCard.openCard')"
@click.stop="navigate(row.id)" @click.stop="navigate(row.id)"
color="white" class="vn-secondary-button"
outline outline
/> />
<QBtn <QBtn

View File

@ -87,7 +87,7 @@ function viewSummary(id) {
<QBtn <QBtn
:label="t('components.smartCard.openCard')" :label="t('components.smartCard.openCard')"
@click.stop="navigate(row.id)" @click.stop="navigate(row.id)"
color="white" class="vn-secondary-button"
outline outline
/> />
<QBtn <QBtn