index.scss 653 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. .flow {
  2. width: 100%;
  3. height: 100%;
  4. }
  5. .content {
  6. width: 100%;
  7. height: 100%;
  8. display: flex;
  9. }
  10. #stencil {
  11. width: 16%;
  12. height: 100%;
  13. position: relative;
  14. border-right: 1px solid rgba(0, 0, 0, 0.08);
  15. box-sizing: border-box;
  16. }
  17. .panel {
  18. width: 69%;
  19. height: 100%;
  20. }
  21. .panel .toolbar {
  22. width: 100%;
  23. height: 38px;
  24. display: flex;
  25. align-items: center;
  26. background-color: #f7f9fb;
  27. border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  28. }
  29. .panel #container {
  30. width: 100%;
  31. height: calc(100% - 38px);
  32. }
  33. .config {
  34. width: 15%;
  35. height: 100%;
  36. padding: 0 10px;
  37. border-left: 1px solid rgba(0, 0, 0, 0.08);
  38. box-sizing: border-box;
  39. }