[Example] Adaptive design between large and large-2-rows layouts #1094

MrBearPresident started this conversation in Share your custom styles, templates and dashboards

MrBearPresident
Dec 30, 2024
Collaborator

Because of #684 I made this example where the design switches between large and large-2-rows layouts. *

type: custom:bubble-card
card_type: button
button_type: state
entity: sun.sun
sub_button:
  - entity: sun.sun
  - entity: sun.sun
  - entity: sun.sun
  - entity: sun.sun
grid_options:
  columns: full
styles: "${(() => {if(window.innerWidth < 450){card.classList.add('rows-2')}})()}"
card_layout: large

Replies: 0 comments

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment