Newer
Older
CamaraComercioWeb / src / app / modules / public / discover / discover.component.scss
Fabian VC on 21 Oct 2021 723 bytes [fix] fix styles
.discover__layout {
  display: grid;
  width: 100%;
  grid-template-areas:
    "navbar navbar navbar"
    "content content filters"
    "footer footer filters";
  grid-template-columns: 1fr 1fr max-content;
  grid-template-rows: max-content 1fr max-content;
  app-navbar {
    grid-area: navbar;
    position: sticky;
    z-index: 99;
    top: 0;
  }
  .discover__content {
    grid-area: content;
  }
  .discover__filters {
    display: none;
    grid-area: filters;
  }
  .discover__filters-show {
    position: sticky;
    top: 3.8rem !important;
    height: 100vh;
    display: flex;
    grid-area: filters;
    transition: 2s;
    right: 0;
    background-color: white;
  }
  app-footer {
    grid-area: footer;
  }
}