cyb/src/features/studio/Studio.module.scss

ฯ€ 0.0% 105 words ยท 1 min 
@use '../../layouts/variables.module' as *;

$controlPanelHeight: 60px;

.wrapper {
  display: flex;
  flex-direction: column;
  height: inherit;
  min-height: 200px;
  gap: 15px;
  // min-height: calc(
  //   100vh - $reservedTopHeight - $actionBarHeight - $controlPanelHeight
  // );

  > :first-child {
    > div {
      // don't understand this scroll
      overflow: hidden;
    }
  }
}

.containerEditor {
  display: grid;
  height: 100%;
  gap: 20px;
  grid-template-columns: 150px 1fr 150px;

  > :nth-child(2) {
    > div {
      overflow: hidden;
    }
  }

  @media (max-width: 768px) {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    gap: 10px;

    > :first-child {
      order: 1;
    }

    > :nth-child(2) {
      order: 0;
      min-height: 150px;
    }

    > :nth-child(3) {
      order: 2;
    }
  }
}

Neighbours