Hey Guys,
i startet with Home Assistant shortly and i am a beginner.
First i added a sidebar and at the bottom of the sidebar i want to show the weather widget.
I tried that with a custom:layout-card but i don´t know how i can change the size of that widget. I want that smaller, the current size is to big for the sidebar.
Code:
sidebar:
digitalClock: true
date: true
sidebarMenu:
- action: navigate
navigation_path: /lovelace/home
name: Home
active: true
- action: navigate
navigation_path: /lovelace/licht
name: Licht
- action: navigate
navigation_path: /lovelace/heizung
name: Heizung
- action: navigate
navigation_path: /lovelace/kameras
name: Kameras
- action: navigate
navigation_path: /lovelace/musik
name: Musik
- action: navigate
navigation_path: /lovelace/alarmanlage
name: Alarmanlage
- action: navigate
navigation_path: /lovelace/stromverbrauch
name: Stromverbrauch
style: |
:host {
–sidebar-background: #FFF;
–sidebar-text-color: #000;
–face-color: #FFF;
–face-border-color: #FFF;
–clock-hands-color: #000;
–clock-seconds-hand-color: #FF4B3E;
–clock-middle-background: #FFF;
–clock-middle-border: #000;
}
.sidebarMenu li.active {
background-color: #666666!important;
font-weight: bold!important;
}
.digitalClock {
text-align: center;
}
.date {
text-align: center;
}
width:
desktop: 30
bottomCard:
type: custom:layout-card
layout_type: custom:grid-layout
layout_options:
grid-template-columns: 80%
place-content: center
cardOptions:
cards:
- type: custom:weather-card
entity: weather.forecast_home
number_of_forecasts: ‘5’
current: true
Can someone of you help me how i get that widget smaller?