tuliprox/frontend/scss/app/components/_list_view.scss

.tp__list-view  {
  display: flex;
  flex-flow: column;
  box-sizing: border-box;
  width: 100%;
  //max-width: var(--max-view-width);
  padding: var(--padding-default) 0;
  gap: var(--gap-default);
  overflow: hidden;

  &__body {
    display: flex;
    flex-flow: column;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
  }
}

.tp__list-create,
.tp__list-list {
  display: flex;
  flex-flow: column;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  //max-width: var(--max-view-width);
  gap: var(--gap-default);

  &__header {
    display: flex;
    flex-flow: row nowrap;
    box-sizing: border-box;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }

  &__body {
    display: flex;
    flex-flow: column;
    box-sizing: border-box;
    width: 100%;
    gap: var(--gap-default);
  }
}

.tp__list-list {
  &__body {
    overflow: hidden;
  }
}

.tp__list-create {
   &__body {
     overflow: auto;
   }
}