Skip to content

v2.5.14

Choose a tag to compare

@nutteloost nutteloost released this 02 Oct 12:38

Simple Swipe Card v2.5.14

Improvements 🛠️

  • Card-Mod Responsive Width Support: Carousel mode now works properly with card-mod, allowing you to set different card widths for different screen sizes. For example, you can show narrower cards on mobile and wider cards on desktop by using media queries in your card-mod configuration. The card automatically adjusts its layout and swipe behavior to match whatever width you set. (closes #52 )

    Example configuration
      type: custom:simple-swipe-card
      view_mode: carousel
      card_mod:
        style: |
          @media (max-width: 768px) {
            :host {
              --carousel-card-width: 100px !important;
            }
          }
          @media (min-width: 769px) {
            :host {
              --carousel-card-width: 300px !important;
            }
          }
      cards:
        - type: ...
        ```
      </details>