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);
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.vn-secondary-button {
|
||||
background-color: var(--vn-dark);
|
||||
}
|
||||
|
|
|
@ -110,13 +110,13 @@ function viewSummary(id) {
|
|||
<QBtn
|
||||
:label="t('components.smartCard.openCard')"
|
||||
@click.stop="navigate(row.id)"
|
||||
color="white"
|
||||
class="vn-secondary-button"
|
||||
outline
|
||||
/>
|
||||
<QBtn
|
||||
:label="t('components.smartCard.viewDescription')"
|
||||
@click.stop
|
||||
color="white"
|
||||
class="vn-secondary-button"
|
||||
outline
|
||||
style="margin-top: 15px"
|
||||
>
|
||||
|
|
|
@ -83,7 +83,7 @@ function viewSummary(id) {
|
|||
<QBtn
|
||||
:label="t('components.smartCard.openCard')"
|
||||
@click.stop="navigate(row.id)"
|
||||
color="white"
|
||||
class="vn-secondary-button"
|
||||
outline
|
||||
/>
|
||||
<QBtn
|
||||
|
|
|
@ -151,7 +151,7 @@ const downloadCsv = (rows) => {
|
|||
:label="t('globals.download')"
|
||||
v-else
|
||||
>
|
||||
<Qlist>
|
||||
<QList>
|
||||
<QItem clickable v-close-popup @click="downloadCsv(rows)">
|
||||
<QItemSection>
|
||||
<QItemLabel>
|
||||
|
@ -175,7 +175,7 @@ const downloadCsv = (rows) => {
|
|||
</QItemLabel>
|
||||
</QItemSection>
|
||||
</QItem>
|
||||
</Qlist>
|
||||
</QList>
|
||||
</QBtnDropdown>
|
||||
|
||||
<QCheckbox
|
||||
|
@ -233,7 +233,7 @@ const downloadCsv = (rows) => {
|
|||
<QBtn
|
||||
:label="t('components.smartCard.openCard')"
|
||||
@click.stop="navigate(row.id)"
|
||||
color="white"
|
||||
class="vn-secondary-button"
|
||||
outline
|
||||
type="reset"
|
||||
/>
|
||||
|
|
|
@ -38,11 +38,11 @@ function viewSummary(id) {
|
|||
function exprBuilder(param, value) {
|
||||
switch (param) {
|
||||
case 'search':
|
||||
return {code: {like: `%${value}%`}};
|
||||
return { code: { like: `%${value}%` } };
|
||||
case 'parkingFk':
|
||||
case 'userFk':
|
||||
case 'isRecyclable':
|
||||
return {[param]: value};
|
||||
return { [param]: value };
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
@ -105,7 +105,7 @@ function exprBuilder(param, value) {
|
|||
<QBtn
|
||||
:label="t('components.smartCard.openCard')"
|
||||
@click.stop="navigate(row.id)"
|
||||
color="white"
|
||||
class="vn-secondary-button"
|
||||
outline
|
||||
/>
|
||||
<QBtn
|
||||
|
|
|
@ -98,13 +98,13 @@ onMounted(async () => {
|
|||
<QBtn
|
||||
:label="t('components.smartCard.clone')"
|
||||
@click.stop="cloneTravel(row)"
|
||||
color="white"
|
||||
class="vn-secondary-button"
|
||||
outline
|
||||
/>
|
||||
<QBtn
|
||||
:label="t('addEntry')"
|
||||
@click.stop="viewSummary(row.id)"
|
||||
color="white"
|
||||
class="vn-secondary-button"
|
||||
outline
|
||||
style="margin-top: 15px"
|
||||
/>
|
||||
|
|
|
@ -64,7 +64,7 @@ async function remove(row) {
|
|||
<QBtn
|
||||
:label="t('components.smartCard.openCard')"
|
||||
@click.stop="navigate(row.id)"
|
||||
color="white"
|
||||
class="vn-secondary-button"
|
||||
outline
|
||||
/>
|
||||
<QBtn
|
||||
|
|
|
@ -81,7 +81,7 @@ async function remove(row) {
|
|||
<QBtn
|
||||
:label="t('components.smartCard.openCard')"
|
||||
@click.stop="navigate(row.id)"
|
||||
color="white"
|
||||
class="vn-secondary-button"
|
||||
outline
|
||||
/>
|
||||
<QBtn
|
||||
|
|
|
@ -87,7 +87,7 @@ function viewSummary(id) {
|
|||
<QBtn
|
||||
:label="t('components.smartCard.openCard')"
|
||||
@click.stop="navigate(row.id)"
|
||||
color="white"
|
||||
class="vn-secondary-button"
|
||||
outline
|
||||
/>
|
||||
<QBtn
|
||||
|
|
Loading…
Reference in New Issue