ChatAI/app/components/settings.module.scss

@import "./window.scss";

.settings {
  padding: 20px;
  overflow: auto;
}

.settings-title {
  font-size: 14px;
  font-weight: bolder;
}

.settings-sub-title {
  font-size: 12px;
  font-weight: normal;
}

.avatar {
  cursor: pointer;
}

.password-input-container {
  max-width: 50%;
  display: flex;
  justify-content: flex-end;

  .password-eye {
    margin-right: 4px;
  }

  .password-input {
    min-width: 80%;
  }
}

.user-prompt-modal {
  min-height: 40vh;

  .user-prompt-search {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
    background-color: var(--gray);
  }

  .user-prompt-list {
    padding: 10px 0;

    .user-prompt-item {
      margin-bottom: 10px;
      widows: 100%;

      .user-prompt-header {
        display: flex;
        widows: 100%;
        margin-bottom: 5px;

        .user-prompt-title {
          flex-grow: 1;
          max-width: 100%;
          margin-right: 5px;
          padding: 5px;
          font-size: 12px;
          text-align: left;
        }

        .user-prompt-buttons {
          display: flex;
          align-items: center;

          .user-prompt-button {
            height: 100%;

            &:not(:last-child) {
              margin-right: 5px;
            }
          }
        }
      }

      .user-prompt-content {
        width: 100%;
        box-sizing: border-box;
        padding: 5px;
        margin-right: 10px;
        font-size: 12px;
        flex-grow: 1;
      }
    }
  }

  .user-prompt-actions {
  }
}