Card-mod dwa pionowe stosy bez marginesów miedzy kartami

Home Assistant Komponenty niestandardowe
, ,
1

Cześć
Na głównym ekranie mam dwa pionowe stosy w których są karty w różnych konfiguracjach. Chcę zaoszczędzić miejsce przez usunięcie marginesów wokół kart w stosach. Używam gotowca z helpa card-mod:

type: custom:mod-card
card_mod:
  style:
    hui-vertical-stack-card $: |
      div#root hui-card > * {
        --ha-card-border-width: 0px;
      }
    .: |
      hui-vertical-stack-card {
        --vertical-stack-card-gap: 0px;
      }
      ha-card {
        box-shadow: var(--ha-card-box-shadow);
        border: var(--ha-card-border-color,var(--divider-color,#e0e0e0)) solid var(--ha-card-border-width,1px);
        background: var(--ha-card-background,var(--card-background-color,#fff));
      }

ale używając tego modu stosy umieszczają się jeden pod drugim. Nie ma możliwości wyświetlić ich razem obok sienie, nie ważna na jakim ekranie. Nie mam pojęcia dlaczego, prośba o wsparcie :slight_smile:

2

A co masz ustawione w konfiguracji Widoku?

Screenshot_20250516_151517
Screenshot_20250516_1515171080×2400 172 KB

3

Mam ustawione Kafelki i żadnych dodatkowych wpisów w konfiguracji.
Próbowałem właśnie na Sekcjach i na komputerze działa dobrze, ale na tablecie w pionie już niestety nie. Jeszcze będę kombinował z tym.

EDIT…
Mimo że wstawiłem obie karty w jedną sekcję to nadal na tablecie dwie karty nie są wyświetlane. Na komputerze wyświetlają się poprawnie

4

Wklej tu cały kod i zrzut ekranu.

5

Utworzyłem nowy widok w układzie horyzontalnym z layout-card i przeniosłem tam moje karty, pomogło. Dzięki za wskazówki