WholeProcessPlatform/frontend/src/styles/index.scss

@use 'src/styles/element-plus' as element-plus;
@use './sidebar' as sidebar;
@use './tailwind' as tailwind;
@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;
}
// 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;
}
.leftContent {
  width: 188px;
}
.rightContent {
  height: 98%;
  position: relative;
}