layout.css 833 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. uni-content {
  2. display: flex;
  3. flex: 1 0 auto;
  4. height: 100%;
  5. }
  6. uni-main {
  7. flex: 1;
  8. width: 100%;
  9. }
  10. uni-top-window + uni-content {
  11. height: calc(100vh - var(--top-window-height));
  12. }
  13. uni-left-window {
  14. position: relative;
  15. width: var(--window-left);
  16. order: -1;
  17. overflow-x: hidden;
  18. }
  19. uni-right-window {
  20. position: relative;
  21. width: var(--window-right);
  22. overflow-x: hidden;
  23. }
  24. uni-left-window[data-show],
  25. uni-right-window[data-show] {
  26. position: absolute;
  27. }
  28. uni-right-window[data-show] {
  29. right: 0;
  30. }
  31. uni-content .uni-mask,
  32. .uni-left-window,
  33. .uni-right-window {
  34. z-index: 997;
  35. }
  36. .uni-mask + .uni-left-window,
  37. .uni-mask + .uni-right-window {
  38. position: fixed;
  39. }
  40. .uni-top-window {
  41. position: fixed;
  42. left: var(--window-margin);
  43. right: var(--window-margin);
  44. top: 0;
  45. z-index: 998;
  46. overflow: hidden;
  47. }