Größere Buttons ohne button-card, bevorzugt mit Bubble Card

Dashboards
12 
type: custom:bubble-card
card_type: button
sub_button:
  - name: Home
    icon: mdi:home
    tap_action:
      action: navigate
      navigation_path: /dashboard-dev/zuhause
  - name: Wohnzimmer
    icon: mdi:sofa-outline
    tap_action:
      action: navigate
      navigation_path: /dashboard-dev/wohnzimmer
  - name: Küche
    icon: mdi:countertop-outline
    tap_action:
      action: navigate
      navigation_path: /dashboard-dev/kuche
  - name: Schlafzimmer
    icon: mdi:bed-king-outline
    tap_action:
      action: navigate
      navigation_path: /dashboard-dev/schlafzimmer
  - name: Badezimmer
    icon: mdi:bathtub-outline
    tap_action:
      action: navigate
      navigation_path: /dashboard-dev/badezimmer
  - name: Szenen
    icon: mdi:theater
    tap_action:
      action: navigate
      navigation_path: /dashboard-dev/szenen
tap_action:
  action: toggle
double_tap_action:
  action: more-info
name: Steuerung
show_last_changed: false
styles: |
  .bubble-button-card-container {
    border-radius: 20px !important;
    background: rgba(0,190,240,0.2);
  }

  .bubble-icon {
    opacity: 1;
    color: white !important;
  }
  .large .bubble-button-card-container {
    height: 320px;
    
  .bubble-sub-button-container {
    display: grid !important;
    grid-template-columns: repeat(3, auto); /* 3 Spalten für 2 Reihen */
    grid-template-rows: repeat(2, auto);
    gap: 16px !important;
    align-items: center;
    justify-items: center;
    padding-left: 0%;
    padding-right: 9%;
    }

  .bubble-sub-button {
    height: 110px !important; /* Größe der Buttons */
    width: 110px !important;
    font-size: 24px !important;
    align-items: center;
    justify-content: center;
  }

  .bubble-sub-button-icon {
    --mdc-icon-size: 64px !important; /* Größere Icons */
  }
card_layout: large
icon: mdi:sofa
show_state: true
scrolling_effect: true
button_type: name
show_icon: false
show_name: false
1 „Gefällt mir“