Homekit panel card

Lovelace a Dashboady
Odpovědět
radek
Aktivní autor
Aktivní autor
Příspěvky: 81
Registrován: 03. říjen 2020, 09:48
Dal poděkování: 1 poděkování

Homekit panel card

Příspěvek od radek »

Ahoj, zkoušel někdo použít tento vzhled?
https://github.com/DBuit/Homekit-panel-card

Pomalu se tím prokousávám, ale není to ani zdaleka tak snadný jako klasicky vzhled. Případně nevíte zda by se nedalo něco podobného udělat i v klasickém vzhledu - čili přes GUI?

radek
Aktivní autor
Aktivní autor
Příspěvky: 81
Registrován: 03. říjen 2020, 09:48
Dal poděkování: 1 poděkování

Re: Homekit panel card

Příspěvek od radek »

Tak tudy moje cesta nepovede. Je to sice pěkné, ale znamenalo by to vyhodit vše co už mám. Tak jsem se vydal vylepšit co mám :-) a narazil jsem problém jinde. Nevíte jak změnit padding toho title?

Kód: Vybrat vše

type: 'custom:layout-card'
cards:
  - type: vertical-stack
    title: [b]Pokoj[/b]
    cards:
      - type: horizontal-stack
        cards:
          - type: 'custom:button-card'
          ...
v CSS by to měla být class .card-header, ale nějak se k ním neumím dostat

Kód: Vybrat vše

.card-header {
    font-family: var(--ha-card-header-font-family, inherit);
    font-size: var(--ha-card-header-font-size, 24px);
    letter-spacing: -0.012em;
    line-height: 32px;
    display: block;

Uživatelský avatar
Pete30
Moderátor
Moderátor
Příspěvky: 3333
Registrován: 30. září 2020, 20:33
Dal poděkování: 172 poděkování
Dostal poděkování: 364 poděkování

Re: Homekit panel card

Příspěvek od Pete30 »

Myslíš něco takového nebo co přesně?
tlacitka.png
tlacitka.png (80.52 KiB) Zobrazeno 392 x
Pokud nejsem přítomen tak jsem na rybách ;)

radek
Aktivní autor
Aktivní autor
Příspěvky: 81
Registrován: 03. říjen 2020, 09:48
Dal poděkování: 1 poděkování

Re: Homekit panel card

Příspěvek od radek »

Na něco podobného to vidím.

Konkrétně mi jde o to abych "Obývací pokoj" posunul trochu níže a trochu více doleva.
stažený soubor.png
stažený soubor.png (9.82 KiB) Zobrazeno 390 x
kdybych i toho .card-header, smazal tento padding bylo by to ideální (padding: 24px 16px 16px;)

Odpovědět

Zpět na „Vzhled“