General-AI-Platform-Web/src/global.less

// src/global.less
// @tailwind base;
@tailwind components;
@tailwind utilities;

@theme_color: #154ddd;

html,
body,
#root {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
    'Noto Color Emoji';
}

.colorWeak {
  filter: invert(80%);
}

.ant-layout {
  min-height: 100vh;
}
.ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
  left: unset;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
  list-style: none;
}

.home_container {
  margin-right: 32px;
  margin-left: 32px;
}

@media (max-width: 768px) {
  .ant-table {
    width: 100%;
    overflow-x: auto;
    &-thead > tr,
    &-tbody > tr {
      > th,
      > td {
        white-space: pre;
        > span {
          display: block;
        }
      }
    }
  }
}

p,
ul,
ol {
  margin-bottom: 0 !important;
  padding: 0 !important;
}

.gn {
  .ant-pro-checkcard-content {
    padding-inline: 0;
    padding-block: 0;
  }
}

.gn_form {
  .ant-form-item {
    margin-bottom: 16px;
  }
  // 表单项之间间距
  .ant-pro-form-group-container {
    gap: 0px 12px !important;
  }
}

/* 单行显示的搜索表单 */
.single-search-form-item {
  .ant-form-item {
    margin-bottom: 0;
  }
}

/* Form */
// 筛选表单
.gn_table_query_filter {
  padding: 20px 0;
  .ant-pro-form {
    display: flex;
    .ant-form-item {
      margin: 0;
    }
  }
}

/* Descriptions */
// 筛选表单
.gn_table_descriptions {
  margin-bottom: 20px;
  padding: 16px 16px 0;
  background: #ffffff;
  border-radius: 8px;
}

/* ProTable ProList */
.gn_pro_table {
  .ant-table-wrapper .ant-table-thead > tr > th,
  .ant-table-wrapper .ant-table-thead > tr > td {
    background: rgba(21, 77, 221, 0.1);
  }
  .ant-btn-link.ant-btn-dangerous,
  .ant-btn-default.ant-btn-dangerous {
    color: #e80d0d;
  }
  .ant-btn-default.ant-btn-dangerous {
    border-color: #e80d0d;
  }
  // 小尺寸按钮，统一间距 （列表操作栏位按钮）
  .ant-table-cell .ant-btn.ant-btn-sm {
    padding: 0;
  }
  // 筛选栏
  .ant-pro-table-list-toolbar-container {
    padding: 0;
  }
}

/* 主题样式 */
.ant-btn-primary,
.ant-btn-primary:not(:disabled):not(.ant-btn-disabled):hover {
  background-color: @theme_color;
}
.ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover,
.ant-btn-link {
  color: @theme_color;
}
:where(.css-dev-only-do-not-override-42nv3w).ant-btn-default:not(:disabled):not(
    .ant-btn-disabled
  ):hover {
  color: @theme_color;
  background: #ffffff;
  border-color: @theme_color;
}

/* 单行文本溢出显示省略号 */
.single_line {
  overflow: hidden; /* 隐藏溢出的文本 */
  white-space: nowrap; /* 防止文本换行 */
  text-overflow: ellipsis; /* 显示省略号 */
}

/* 多行文本溢出显示省略号 */
.two_line {
  display: -webkit-box;
  overflow: hidden; /* 隐藏溢出的文本 */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 限制显示的行数 */
}

// 美化滚动条
::-webkit-scrollbar-track-piece {
  -webkit-border-radius: 0;
}
::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #ccc;
  -webkit-border-radius: 6px;
  outline-offset: -2px;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
::-webkit-scrollbar-thumb:hover {
  height: 50px;
  background-color: #878987;
  -webkit-border-radius: 6px;
}