systemTree.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. .region, .role, .system{
  2. height: calc(100vh - 122px);
  3. overflow-y: auto;
  4. }
  5. .layui-card-header{
  6. padding: 10px 15px;
  7. border-bottom: 1px solid #e6e6e6;
  8. text-align: center
  9. }
  10. .layui-card-header .layui-btn{
  11. width: 150px;
  12. height: 32px
  13. }
  14. .layui-card-body{
  15. padding: 0 15px;
  16. }
  17. .layui-bot-ul .li-item{
  18. display: flex;
  19. padding: 12px 15px;
  20. border-bottom: 1px solid #e6e6e6;
  21. cursor: pointer;
  22. align-items: center;
  23. }
  24. .layui-bot-ul .li-item.active{ background-color: #f5f5f5}
  25. .layui-bot-ul .li-item:hover{ background-color: #f5f5f5}
  26. .layui-bot-ul .li-item:hover .bot-btn-group{display: flex;}
  27. .layui-bot-ul .li-item.active .li-item-left h4{color: #1E9FFF}
  28. .layui-bot-ul .li-item-left h4{font-size: 15px; font-weight: normal; }
  29. .layui-bot-ul .li-item-left p{font-size: 14px; color: #999; margin-top: 6px}
  30. .bot-btn-group{
  31. display: flex;
  32. display: none;
  33. }
  34. .bot-btn-group li{cursor: pointer}
  35. .bot-btn-group li i{font-size: 16px; padding: 5px 3px; color: #000;}
  36. .layui-bot-ul .group{margin-bottom: 15px}
  37. .layui-bot-ul .group .li-group-top{padding: 15px; margin-bottom: 10px; border-bottom: 1px solid #e6e6e6; display: flex; align-items: center}
  38. .layui-bot-ul .group .li-group-top h4{font-size: 15px; margin-top: 8px; font-weight: normal; flex: 1; color: #000}