Apply dark/light colors to cards secondary button
This commit is contained in:
parent
ec9e8ec4e0
commit
f9fe504969
|
@ -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);
|
||||||
|
}
|
||||||
|
|
|
@ -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"
|
||||||
>
|
>
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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"
|
||||||
/>
|
/>
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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"
|
||||||
/>
|
/>
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in New Issue