index.less 860 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. .datasourceBox {
  2. display: flex;
  3. width: 100%;
  4. min-height: 500px;
  5. overflow: hidden;
  6. .left {
  7. width: 280px;
  8. .tables {
  9. :global {
  10. .ant-tree-treenode .ant-tree-node-selected {
  11. background-color: white;
  12. }
  13. }
  14. .treeTitle {
  15. display: flex;
  16. justify-content: space-between;
  17. width: 200px;
  18. .title {
  19. width: 150px;
  20. overflow: hidden;
  21. white-space: nowrap;
  22. text-overflow: ellipsis;
  23. }
  24. .options {
  25. display: none;
  26. }
  27. }
  28. .treeTitle:hover {
  29. .options {
  30. display: block;
  31. }
  32. }
  33. .active {
  34. background-color: #c3d3f7;
  35. }
  36. }
  37. }
  38. .right {
  39. width: calc(100% - 310px);
  40. margin-left: 15px;
  41. padding-left: 15px;
  42. border-left: 1px solid #f0f0f0;
  43. }
  44. }