Added solo toner bar
This commit is contained in:
parent
471914fa23
commit
7d6f42296a
|
@ -64,6 +64,7 @@
|
|||
:level="printer.status[0].tonerBlackLevel"
|
||||
:model="printer.blackTonerModel"
|
||||
color="black"
|
||||
:solo="!printer.status[0].tonerCyanLevel"
|
||||
/>
|
||||
<toner-level-bar
|
||||
v-if="printer.status[0].tonerCyanLevel"
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
<div class="flex-grow-1 align-self-center">
|
||||
<v-progress-linear
|
||||
:title="`${level}%`"
|
||||
:height="8"
|
||||
:height="solo ? 30 : 12"
|
||||
:color="bgColor"
|
||||
:model-value="level"
|
||||
/>
|
||||
|
@ -23,7 +23,11 @@
|
|||
</div>
|
||||
<code
|
||||
class="text-grey-darken-1"
|
||||
style="font-size: 14px; top: -12px; position: relative"
|
||||
:style="{
|
||||
fontSize: '14px',
|
||||
top: solo ? 0 : '-8px',
|
||||
position: 'relative'
|
||||
}"
|
||||
>
|
||||
{{ model }}
|
||||
</code>
|
||||
|
@ -37,6 +41,7 @@ const props = defineProps<{
|
|||
level: number
|
||||
color: 'black' | 'cyan' | 'magenta' | 'yellow'
|
||||
model: string
|
||||
solo?: boolean
|
||||
}>()
|
||||
|
||||
const bgColor = computed(() => {
|
||||
|
|
Loading…
Reference in New Issue
Block a user