@javaguns/flow-ui/es/src/flow-designer/style/drawer.css

``` <template> <a-spin :spinning="loading"> <FlowDesigner ref="flowDesigner" top="50px"> </FlowDesigner> </a-spin> </template> <script lang="ts" setup> import { ref, provide, onMounted } from 'vue'; import { FlowDesigner, LoadingKey } from '@j

.cursor-pointer {
  cursor: pointer;
}
.w-fill {
  width: 100%;
}
.w-fill-imp {
  width: 100% !important;
}
.margin-top10-bottom10 {
  margin: 10px 0;
}
.padding-top10-bottom10 {
  padding: 10px 0;
}
.flow-drawer .n-drawer-content-wrapper,
.flow-drawer .ivu-drawer-body,
.flow-drawer .arco-drawer-body,
.flow-drawer .ant-drawer-body,
.flow-drawer .el-drawer__body {
  padding: 0px !important;
  overflow: hidden !important;
}
.flow-drawer .flow-drawer-header-title {
  padding: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  font-size: 15px !important;
  color: #fff !important;
  font-weight: 700 !important;
}
.flow-drawer .flow-drawer-header-title .n-input-wrapper,
.flow-drawer .flow-drawer-header-title .el-input__wrapper {
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 0px 0px;
}
.flow-drawer .flow-drawer-header-title .n-input__border {
  border: none !important;
}
.flow-drawer .flow-drawer-header-title input {
  border-radius: 0 !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  font-size: 15px !important;
  color: #fff !important;
  font-weight: 700 !important;
}
.flow-drawer .flow-drawer-body {
  height: calc(100vh - 112px);
  padding: 20px 20px;
  overflow-y: auto;
}
.flow-drawer .flow-drawer-body .guns-space .arco-card,
.flow-drawer .flow-drawer-body .guns-space .el-card {
  width: 99.7%;
}
.flow-drawer .flow-drawer-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #e8e8e8;
  padding: 10px 16px;
  left: 0;
  background: #ffffff;
  border-radius: 0 0 4px 4px;
}