WholeProcessPlatform/frontend/src/styles/index.scss

@use 'src/styles/element-plus' as element-plus;
@use 'src/styles/ant-design-vue' as permission;
@use './sidebar' as sidebar;
@use './tailwind' as tailwind;
@use './popup-styles' as popup;
@import './iconfont/iconfont.css';

html,
body,
#app {
  height: 100%;
  font-family: auto;
}
body {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  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;
  font-variant: tabular-nums;
  line-height: 1.5715;
  background-color: #fff;
  font-feature-settings: 'tnum';
}
/* Webkit 浏览器 (Chrome, Safari, Edge) */
body::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-corner {
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #bbb;
  -webkit-box-shadow: inset 0 0 6px #ddd;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  width: 10px;
}
// main-container global css
.app-container {
  padding: 20px;
}

.search {
  padding: 18px 0 0 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  border: 1px solid #ddd;
  box-shadow: 6px 2px 6px #ccc;
}

svg {
  display: inline-block;
}
.el-dialog {
  display: flex !important;
  flex-direction: column !important;
  margin: auto !important;
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: max-content;
}
.el-dialog__body {
  padding: 20px !important;
}
.modelContentDrak {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}

.moduleContent {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 100%;
  position: relative;
}

.leftContent {
  width: 188px;
}
.rightContent {
  height: 98%;
  position: relative;
}
.table-container {
  flex: 1;
  /* 占据剩余所有空间 */
  overflow: hidden;
  /* 关键：防止表格溢出容器 */
  position: relative;
}

.ant-tooltip-inner {
  max-height: 300px;
  overflow: auto;
}
// 暂无数据文字颜色

.ant-empty-description {
  color: rgba(0, 0, 0, 0.85);
}
.ant-select-tree-node-selected{
  background-color: #bae7ff !important;
}