king
2025-02-06 d1cd5af5adb53e91efdd278328e1b6f8ad834fb5
src/views/menudesign/popview/index.scss
@@ -62,11 +62,15 @@
      width: 300px;
      background: #ffffff;
      box-shadow: 0px 2px 5px #bcbcbc;
      overflow-y: auto;
      overflow-x: hidden;
      > .ant-collapse {
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        background-color: #ffffff;
        border-radius: 0px;
        padding-bottom: 30px;
        .ant-collapse-item.ant-collapse-item-active {
          border-bottom: 1px solid #d9d9d9;
        }
@@ -98,15 +102,15 @@
        }
      }
    }
    .menu-setting::-webkit-scrollbar {
    .menu-setting >.ant-collapse::-webkit-scrollbar {
      width: 4px;
    }
    .menu-setting::-webkit-scrollbar-thumb {
    .menu-setting >.ant-collapse::-webkit-scrollbar-thumb {
      border-radius: 5px;
      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.08);
      background: rgba(0, 0, 0, 0.08);
    }
    .menu-setting::-webkit-scrollbar-track {
    .menu-setting >.ant-collapse::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
      border-radius: 3px;
      border: 1px solid rgba(0, 0, 0, 0.07);
@@ -120,39 +124,33 @@
      height: calc(100vh - 50px);
      overflow-y: auto;
      > .ant-card {
        >.ant-card-head {
          margin-bottom: 0px;
          position: sticky;
          top: 0px;
          z-index: 10;
          background: #ffffff;
          .ant-card-head-title {
            color: #1890ff;
            padding: 5px 0;
          }
          .ant-card-extra {
            padding: 5px 0;
            button {
              margin-left: 20px;
            }
            .ant-switch.big {
              min-width: 60px;
              height: 28px;
              line-height: 28px;
              margin-top: -2px;
              .ant-switch-inner {
                font-size: 14px;
              }
            }
            .ant-switch.big:after {
              width: 24px;
              height: 24px;
            }
          }
      .mk-opeartion-list {
        position: sticky;
        top: 0px;
        left: 0px;
        right: 0px;
        text-align: right;
        padding: 5px 10px 8px;
        background: #ffffff;
        border-bottom: 1px solid #e8e8e8;
        height: 45px;
        z-index: 10;
        .btn-name {
          float: left;
          color: #1890ff;
          padding: 5px 0;
          font-size: 16px;
        }
        >.ant-card-body {
          padding: 0px;
        button {
          margin-left: 15px;
        }
        button:not(.ant-switch):not(:last-child):not(:nth-last-child(2)) {
          padding: 0px 10px;
        }
        .ant-switch.big {
          transform: scale(1.15);
          top: -2px;
        }
      }
    }