cyb/src/features/ipfs/Drive/drive.scss

.main {
  overflow: visible; /* Vertical overflow is visible */
}

.results {
  max-width: 100%;
  overflow-x: scroll;
}

.centered {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
}

.statusMessage {
  display: flex;
  align-items: center;
  color: magenta;
  &::before {
    content: '⚡️';
  }
}

.errorMessage {
  color: red;
  font-family: monospace;
  font-size: 1.2em;
}

.commandPanel {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.subPanel {
  display: flex;
  align-items: center;
  & > button {
    margin-right: 10px;
    &:last-child {
      margin-right: 0;
    }
  }
}

.logs {
  margin-top: 10px;
  font-family: monospace, system-ui, -apple-system, BlinkMacSystemFont,
    'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue',
    sans-serif;
}

.queryInput {
  margin: 5px;
  width: calc(100% - 10px);
  padding: 10px;
  color: white;
  resize: vertical;
}

.logItems {
  // padding-left: 25px;
}

.list h3 {
  padding-bottom: 16px;
}

.tabbed {
  padding-left: 20px;
  font-size: 0.85em;
}

.buttonPanel {
  padding-top: 16px;
  // justify-content: center;
  display: flex;
}

.centerPanel {
  padding: 16px;
  // justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}

.mobileDisabled {
  opacity: 0.3;
  pointer-events: none;
  user-select: none;
}