directional-logic.less 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. .directional-logic-content {
  2. .input-search {
  3. width: 240px;
  4. margin: 10px 0 10px 0;
  5. }
  6. .tree-select-class {
  7. display: flex;
  8. justify-content: space-between;
  9. .class-left-header {
  10. height: 50px;
  11. line-height: 50px;
  12. background-color: #fafafa;
  13. border-bottom: 1px solid #eee;
  14. text-indent: 10px;
  15. }
  16. .no-data-class {
  17. height: 340px;
  18. line-height: 340px;
  19. text-align: center;
  20. }
  21. .select-class-left {
  22. width: 68%;
  23. height: 400px;
  24. border: 1px solid #eee;
  25. .class-left-content {
  26. overflow-y: auto;
  27. height: 340px;
  28. }
  29. .example {
  30. text-align: center;
  31. line-height: 200px;
  32. }
  33. }
  34. .select-class-right {
  35. width: 28%;
  36. height: 400px;
  37. border: 1px solid #eee;
  38. .class-left-content {
  39. padding: 0 10px;
  40. height: 348px;
  41. overflow-y: auto;
  42. .apply-right-tree {
  43. display: flex;
  44. justify-content: space-between;
  45. align-items: baseline;
  46. .left-content-p {
  47. display: inline-block;
  48. width: 85%;
  49. height: 25px;
  50. line-height: 25px;
  51. margin: 0;
  52. overflow: hidden;
  53. text-overflow: ellipsis;
  54. white-space: nowrap;
  55. }
  56. .delete-type-class {
  57. color: #1890ff;
  58. cursor: pointer;
  59. }
  60. }
  61. }
  62. }
  63. }
  64. }