main.css

html {
  overflow-y: auto;
}

.main > .content {
  height: calc(100vh - 52px);
  margin: 0;
  overflow-y: auto;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

.main > .content > section {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
}

.main > .content > section.test,
.main > .content > section.setting {
  overflow: scroll;
  padding-bottom: 30px;
}

@media screen and (max-width: 1023px) {
  .navbar-menu {
    left: 0;
    position: absolute;
    right: 0;
  }
}

.editor-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

#editor {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.modal {
  padding: 16px;
}

.mb100 {
  margin-bottom: 100px;
}