Alert icon change
This commit is contained in:
parent
b034452378
commit
b0a87eac8d
|
@ -1,8 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<v-card
|
<v-card
|
||||||
variant="outlined"
|
|
||||||
class="printer-card"
|
class="printer-card"
|
||||||
:class="{ 'printer-alert': printerAlert }"
|
|
||||||
:to="
|
:to="
|
||||||
nav
|
nav
|
||||||
? { name: 'Printer', params: { serialNumber: printer.serialNumber } }
|
? { name: 'Printer', params: { serialNumber: printer.serialNumber } }
|
||||||
|
@ -13,10 +11,10 @@
|
||||||
<v-col cols="4" sm="2" align-self="center">
|
<v-col cols="4" sm="2" align-self="center">
|
||||||
<v-icon
|
<v-icon
|
||||||
v-if="printerAlert"
|
v-if="printerAlert"
|
||||||
class="ma-1 alert"
|
class="ma-1 alert-icon"
|
||||||
color="warning"
|
color="warning"
|
||||||
icon="mdi-alert"
|
icon="mdi-alert-circle"
|
||||||
size="large"
|
size="x-large"
|
||||||
/>
|
/>
|
||||||
<printer-img class="pa-2" :model="printer.model" />
|
<printer-img class="pa-2" :model="printer.model" />
|
||||||
</v-col>
|
</v-col>
|
||||||
|
@ -120,9 +118,10 @@ const printerAlert = computed(() => {
|
||||||
|
|
||||||
.printer-alert {
|
.printer-alert {
|
||||||
border-color: #fb8c00;
|
border-color: #fb8c00;
|
||||||
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.alert {
|
.alert-icon {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 99;
|
z-index: 99;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user