tree.scss 648 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. .demo-tree {
  2. .leaf {
  3. width: 20px;
  4. background: #ddd;
  5. }
  6. .folder {
  7. width: 20px;
  8. background: #888;
  9. }
  10. .buttons {
  11. margin-top: 20px;
  12. }
  13. .filter-tree {
  14. margin-top: 20px;
  15. }
  16. .custom-tree-container {
  17. display: flex;
  18. margin: -24px;
  19. }
  20. .block {
  21. flex: 1;
  22. padding: 8px 24px 24px;
  23. &:first-child {
  24. border-right: solid 1px #eff2f6;
  25. }
  26. > p {
  27. text-align: center;
  28. margin: 0;
  29. line-height: 4;
  30. }
  31. }
  32. .custom-tree-node {
  33. flex: 1;
  34. display: flex;
  35. align-items: center;
  36. justify-content: space-between;
  37. font-size: 14px;
  38. padding-right: 8px;
  39. }
  40. }