I try to enlarge the picture, but I can not. Here is my code:
The image is: /local/lovelace/home/xiaomi_vacuum_03.jpg
- id: 9 # Automatically created id
icon: mdi:robot-vacuum-variant
background: center / cover no-repeat url("/local/lovelace/background/back01.jpg") fixed
type: custom:layout-card
layout: horizontal
cards:
- type: custom:card-modder
card:
type: picture-elements
image: /local/lovelace/home/xiaomi_vacuum_03.jpg
elements:
- type: icon
icon: mdi:bell-ring
tap_action: call-service
entity: vacuum.xiaomi_vacuum_cleaner
service: vacuum.locate
style:
top: 93%
left: 80%
color: '#ffffff'
- type: icon
icon: mdi:crosshairs
tap_action: call-service
entity: vacuum.xiaomi_vacuum_cleaner
service: vacuum.clean_spot
style:
top: 93%
left: 65%
color: '#ffffff'
- type: icon
tap_action: call-service
icon: mdi:home
entity: vacuum.xiaomi_vacuum_cleaner
service: vacuum.return_to_base
style:
top: 93%
left: 50%
color: '#ffffff'
- type: icon
icon: mdi:stop
tap_action: call-service
entity: vacuum.xiaomi_vacuum_cleaner
service: vacuum.stop
style:
top: 93%
left: 35%
color: '#ffffff'
- type: icon
icon: mdi:play
tap_action: call-service
entity: vacuum.xiaomi_vacuum_cleaner
service: vacuum.start
style:
top: 93%
left: 20%
color: '#ffffff'
- type: state-label
entity: sensor.vacuum_operation
style:
top: 10%
left: 1%
color: rgb(255, 255, 255)
transform: translate(0%,-50%)
pointer-events: none
font-family: Trebuchet MS
font-size: 90%
font-weight: bold
- type: state-label
entity: sensor.vacuum_accessories
style:
top: 10%
right: 1%
color: rgb(255, 255, 255)
transform: translate(0%,-50%)
pointer-events: none
font-family: Trebuchet MS
font-size: 90%
font-weight: bold
- type: state-label
tap_action: more-info
entity: vacuum.xiaomi_vacuum_cleaner
style:
top: 10%
right: 43%
color: rgb(255, 255, 255)
transform: translate(0%,-50%)
font-family: Trebuchet MS
font-size: 150%
font-weight: bold
- type: state-label
entity: sensor.vacuum_cleanmainbrush
style:
top: 33%
right: 2%
color: '#ffffff'
transform: translate(0%,-50%)
pointer-events: none
font-family: Trebuchet MS
font-size: 76%
font-weight: bold
- type: state-label
entity: sensor.vacuum_cleansidebrush
style:
top: 40%
right: 0%
color: '#ffffff'
transform: translate(0%,-50%)
pointer-events: none
font-family: Trebuchet MS
font-size: 76%
font-weight: bold
- type: state-label
entity: sensor.vacuum_cleanfilter
style:
top: 57%
right: 3%
color: '#ffffff'
transform: translate(0%,-50%)
pointer-events: none
font-family: Trebuchet MS
font-size: 76%
font-weight: bold
opacity: 0.8
- type: state-label
entity: sensor.vacuum_sensordirtyleft
style:
top: 74%
right: 5%
color: '#ffffff'
transform: translate(0%,-50%)
pointer-events: none
font-family: Trebuchet MS
font-size: 76%
font-weight: bold
- type: state-label
entity: sensor.vacuum_status
style:
top: 33%
left: 2%
color: '#ffffff'
transform: translate(0%,-50%)
pointer-events: none
font-family: Trebuchet MS
font-size: 80%
font-weight: bold
- type: state-label
entity: sensor.vacuum_battery
style:
top: 54%
left: -1%
color: '#ffffff'
transform: translate(0%,-50%)
pointer-events: none
font-family: Trebuchet MS
font-size: 80%
font-weight: bold
- type: state-label
entity: sensor.vacuum_fan_speed
style:
top: 65%
left: 1%
color: '#ffffff'
transform: translate(0%,-50%)
pointer-events: none
font-family: Trebuchet MS
font-size: 80%
font-weight: bold
- type: state-label
entity: sensor.vacuum_cleaned_area
prefix: "Area:"
style:
top: 25%
left: 26%
color: '#ffffff'
transform: translate(0%,-50%)
pointer-events: none
font-family: Trebuchet MS
font-size: 80%
font-weight: bold
- type: state-label
entity: sensor.vacuum_cleaning_time
prefix: "Time:"
style:
top: 25%
left: 60%
color: '#ffffff'
transform: translate(0%,-50%)
pointer-events: none
font-family: Trebuchet MS
font-size: 80%
font-weight: bold
style:
border-radius: 15px
border: solid 1px rgba(100,100,100,0.3)
box-shadow: 3px 3px rgba(0,0,0,0.4)
- type: custom:layout-card
layout: horizontal
cards:
- type: custom:card-modder
card:
type: glance
entities:
- entity: input_boolean.disable_dustbin_notification
name: Disable Notification
- entity: input_boolean.disable_daily_vacuum
name: Disable Daily Cleanup
style:
background-image: url("/local/lovelace/background/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 150px
border-radius: 15px
border: solid 1px rgba(100,100,100,0.3)
box-shadow: 3px 3px rgba(0,0,0,0.4)
- type: custom:card-modder
card:
type: entities
entities:
- input_select.vacuum_room
style:
background-image: url("/local/lovelace/background/cardbackK.png")
background-repeat: no-repeat
background-color: rgba(50,50,50,0.3)
background-size: 100% 150px
border-radius: 15px
border: solid 1px rgba(100,100,100,0.3)
box-shadow: 3px 3px rgba(0,0,0,0.4)