2025-02-13

king

2025-02-13 bea1f5567eeb2f9ace1c43b7857bdc4cf6a6d90d

 src/views/mkai/index.scss

@@ -193,7 +193,7 @@
      }
    }
    .mk-right {
      // flex-direction: row;
      position: relative;
      flex-grow: 1;
      min-width: 0;
      display: flex;
@@ -266,7 +266,7 @@
          }
        }
        .input-wrap {
          width: 670px;
          width: 800px;
          .c9dd4ww {
            cursor: text;
            box-sizing: border-box;
@@ -281,14 +281,116 @@
            display: flex;
            position: relative;

            .dd442025 {
              background-color: rgb(243, 244, 246);
              box-shadow: 0px 0px 0px .5px #dce0e9;
              border-radius: 24px;
              z-index: 1;
              flex-direction: column;
              justify-content: flex-start;
              align-items: flex-start;
              padding: 10px;
              display: flex;
              overflow: hidden;

              .fad49dec {
                cursor: text;
                width: 100%;
                .ant-input {
                  width: 100%;
                  border: none!important;
                  box-shadow: none!important;
                  outline: none!important;
                  background-color: transparent;
                  resize: none;
                }
              }
              .ec4f5d61 {
                width: calc(100% - 2px);
                padding-left: 2px;
                flex-wrap: wrap;
                align-items: center;
                margin-top: 4px;
                display: flex;

                .ds-button {
                  border: 1px solid rgba(0, 0, 0, 0.12);
                  border-radius: 14px;
                  justify-content: center;
                  align-items: center;
                  height: 28px;
                  margin-right: 10px;
                  padding: 0 7px;
                  display: flex;
                  color: #4c4c4c;
                  font-size: 14px;
                  line-height: 25px;
                  background-color: #fff;
                  cursor: pointer;

                  .ds-icon {
                    margin-right: 4px;
                  }
                  .text {
                    font-size: 12px;
                  }
                }
                .ds-button.active {
                  background-color: var(--mk-sys-color1);
                  border-color: var(--mk-sys-color3);
                  color: var(--mk-sys-color);
                }
                .ds-button:not(.active):hover {
                  background-color: rgba(0, 0, 0, 0.07);
                }
                .ds-button.active:hover {
                  background-color: var(--mk-sys-color2);
                }

                .bf38813a {
                  flex: 1;
                  display: flex;
                  justify-content: right;

                  .ds-icon {
                    white-space: nowrap;
                    cursor: pointer;
                    color: #fff;
                    background: var(--mk-sys-color);
                    border: none;
                    border-radius: 16px;
                    min-width: 32px;
                    height: 32px;
                    align-items: center;
                    justify-content: center;
                    display: flex;
                  }

                  .ds-icon.disabled {
                    background: var(--mk-sys-color4);
                    opacity: 0.9;
                    cursor: not-allowed;
                  }
                }
              }
            }
            .ds-icon {
              font-size: 16px;
              width: 16px;
              height: 16px;
              height: 20px;
            }
          }
        }
      }
      .mk-tail {
        text-align: center;
        width: 100%;
        margin-top: auto;
        position: absolute;
        bottom: 0;
        font-size: 12px;
        color: rgb(163, 163, 163);
        margin: 6px 0;
        line-height: 14px;
      }
    }
  }
}