@import (reference) '../../styles/main';
@import '../../styles/variables';

.xuiCard {
  background-color: white;
  color: white;
  @media (max-width: @screen-phone) {
    opacity: 1;
  }

  .xuiCard-image {
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.8;
    @media (max-width: @screen-phone) {
      background-image: none !important;
    }

    > img {
      width: 100%;
      text-align: center;
      height: 50px;
      margin: 30px 0;
      opacity: 1;

      @media (max-width: @screen-phone) {
        margin: 10px 0;
        opacity: 1;
      }
    }
  }
  .xuiCard-title {
    .xui-number;
    padding: 8px 8px 0;
    line-height: normal;
    background-color: @xui-purple1;
    margin-bottom: -1px;
  }
  .xuiCard-content {
    .xui-label;
    height: auto;
    padding: 0 8px 8px;
    background-color: @xui-purple1;
    border-radius: 0 0 3px 3px;

    @media (max-width: @screen-phone) {
      height: 40px;
    }
  }
}
@import (reference) '../../styles/main';
@import '../../styles/variables';

.xuiCard {
  background-color: white;
  color: white;
  @media (max-width: @screen-phone) {
    opacity: 1;
  }

  .xuiCard-image {
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.8;
    @media (max-width: @screen-phone) {
      background-image: none !important;
    }

    > img {
      width: 100%;
      text-align: center;
      height: 50px;
      margin: 30px 0;
      opacity: 1;

      @media (max-width: @screen-phone) {
        margin: 10px 0;
        opacity: 1;
      }
    }
  }
  .xuiCard-title {
    .xui-number;
    padding: 8px 8px 0;
    line-height: normal;
    background-color: @xui-purple1;
    margin-bottom: -1px;
  }
  .xuiCard-content {
    .xui-label;
    height: 45px;
    padding: 0 8px 8px;
    background-color: @xui-purple1;
    border-radius: 0 0 3px 3px;

    @media (max-width: @screen-phone) {
      height: 40px;
    }
  }
}
Set the card content height to avoid cards with different heights
Set the card content height to avoid cards with different heights
