1839811/ifms-printer-manager
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Alert icon change

Browse Source
This commit is contained in:
Douglas Barone 2023-07-12 13:22:26 -04:00
parent b034452378
commit b0a87eac8d
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/components/PrinterCard.vue
View File

@ -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;