Browser.scss 481 Bytes
Newer Older
1 2 3 4 5 6 7 8
@import 'src/styles/common';

.browser {
  width: 100%;
}

.browserInnerWrapper {
  @include flex;
9
  height: calc(100% - 32px);
10 11 12 13
}

.browserImageWrapper {
  &.semiExpanded {
14
    width: calc(100vw - 356px);
15 16 17
  }

  &.expanded {
18
    width: calc(100vw - 36px);
19 20 21 22 23 24 25 26 27 28
  }

  &.collapsed {
    width: 41px;

    .browserImage {
      display: none;
    }
  }
}
29 30 31 32 33 34 35 36 37

.browserOverlay {
  background: $ens-white;
  height: 100%;
  opacity: 0.7;
  position: absolute;
  width: 100vw;
  z-index: 150;
}