수정작업)Drag-And-Drop-Card 활용 custom:ddc-icon-card 이용 구성

Drag-And-Drop-Card 활용 custom:ddc-icon-card 이용 구성

수정 정보는 카페 저장 합니다.

1) 에디터모드에서 이미지와 맞지 않는 좌표를 수정 합니다

2) 초기 아이콘 작아서 수정 못하는것 수정

기존  가드를 아래로 수정 사용 하세요

====================

type: custom:ddc-icon-card

icon: mdi:fan

entity: switch.bogdohwajangsil_right

size: 69

color: 'var(--primary-color, #ff9800)'

active_color: '#fb7185'

state_based_color: true

glow: false

rotate: 0

pulse_when_active: true

opacity_based_on_state: true

active_opacity: 1

inactive_opacity: 1

active_states: on,home,open,playing,charging,active,>0

size_mode: manual

card_mod:

  style: |

    ha-card {

      background: none !important;

      background-color: transparent !important;

      border: none !important;

      box-shadow: none !important;

      overflow: visible !important; /* 이름이 잘리지 않도록 변경 */

      /* 아이콘과 이름 정렬 */

      display: flex !important;

      flex-direction: column !important;

      align-items: center !important;

      justify-content: center !important;

      padding-bottom: 1px !important; /* 밑에 이름이 들어갈 공간 확보 */

    }

    /* 아이콘 밑에 이름 표시 */

    ha-card::after {

      content: "복도화장실팬";

      position: absolute;

      bottom: 0px; /* 아이콘 bottom에서 간격 조절 */

      font-size: 18px; /* 글자 크기 */

      font-weight: 100; /* 글자 두께 */

      color: var(--primary-text-color); /* 테마 기본 글자 색상 */

      white-space: nowrap;

    }

click_action: more-info