generator-hcy-system/generators/app/templates/src/pages/system/userManage/style.less

hcy system layout and pages

.page-container{
  // border: 1px solid #f0f0f0;
  border-radius: 6px;
}
.index-container {
 width: 100px;
}
.row-container{
  width: 100%;
  min-height: calc(100vh - 140px);
}
.left-tree{
 box-sizing: border-box;
 height:100%;
 border-top: 2px solid transparent;

}
.pro-form-container{
 box-sizing: border-box;
 padding: 24px;
 height:100%;
 border: 12px;
 border-radius: 0px;
background-color: #ffffff;
}
.trees-container{
  height:calc(100vh - 250px);
  overflow-y: scroll;
  scroll-behavior: smooth;
  /* 自定义滚动条的宽度、颜色和圆角 */
}
.trees-container::-webkit-scrollbar {
  width: 8px; /* 滚动条宽度 */
  height: 8px; /* 滚动条宽度 */
  background-color: #ffffff; /* 滚动条背景颜色 */
  border-radius: 6px; /* 滚动条圆角 */
}

/* 自定义滚动条轨道的颜色 */
.trees-container::-webkit-scrollbar-track {
  background-color: #ffffff; /* 滚动条轨道背景颜色 */
}

/* 自定义滚动条滑块的颜色 */
.trees-container::-webkit-scrollbar-thumb {
  background-color: #888; /* 滚动条滑块背景颜色 */
  border-radius: 6px; /* 滚动条滑块圆角 */
  height: 16px;
}

/* 自定义滚动条滑块的悬停状态颜色 */
.trees-container::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* 滚动条滑块悬停时的背景颜色 */
}

.action-button{
 width:100%;
 display: flex;
 justify-content: flex-end;
}
.base-info{
 width: 100%;
 box-sizing: border-box;
 padding: 0px 0px 20px 0px;
 font-size: 15px;
 color: #7B8296;
}
// 更改树选择的颜色
:where(.css-dev-only-do-not-override-1827dzw).ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected, :where(.css-dev-only-do-not-override-1827dzw).ant-tree .ant-tree-checkbox+span.ant-tree-node-selected {
  background-color: #3177c333;
  // background-color: #da198933;
}

.now-dept{
  margin-bottom: 12px;
}
.switch-item{
  margin-bottom: 10px;
  margin-left: 5px;
}
.a-style-drop{
  padding: 0 8px;
}
.a-style-down{
  font-size: 10px;
  margin-left: 6px;
}