@import '../../scss/variables';

.content {
  flex: 1;
  display: flex;
  flex-direction: column;

  .path-container {
    display: flex;
  }

  .content-button {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: $dark-blue--3;
    transition: background 0.2s linear;
    outline: none;
    padding: 0 15px;
    border-bottom: 2px solid lighten($dark-blue--3, 10%);
    font-size: 14px;
    color: $blue--lighter;

    &:hover {
      background: lighten($dark-blue--3, 5%);
    }
  }

  .content-input {
    flex: 1;
    background: darken($dark-blue, 3%);
    border: none;
    color: $blue--lighter;
    padding: 5px;
    font-size: 14px;

    &::-webkit-input-placeholder {
      color: $gray;
    }
  }

  .webview {
    flex: 1;
  }

  .noSite {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: $gray;
  }

}
