App.css 837 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. .app {
  2. height: 100%;
  3. background-color: #ccc;
  4. display: flex;
  5. flex-direction: column;
  6. }
  7. .app > .app-header {
  8. flex: 0 0 32px;
  9. background-color: #ccc;
  10. align-items: center;
  11. text-align: center;
  12. justify-content: center;
  13. font-size: 25px;
  14. color: #282c34;
  15. }
  16. .inline-block {
  17. display: inline-block;
  18. }
  19. .app > .ace-editor {
  20. flex: 0 0 30%;
  21. position: relative;
  22. overflow: hidden;
  23. }
  24. .query-editor-wrapper,
  25. .query-editor-wrapper > * {
  26. position: absolute;
  27. top: 0;
  28. bottom: 0;
  29. left: 0;
  30. right: 0;
  31. }
  32. .query-editor-wrapper > * {
  33. overflow-y: auto;
  34. }
  35. .app > .executable-progress-bar {
  36. flex: 1;
  37. padding: 5px;
  38. }
  39. .app > .executable-actions {
  40. flex: 1;
  41. padding: 5px;
  42. }
  43. .app > .executable-actions > div {
  44. display: inline-block;
  45. margin-right: 5px;
  46. }
  47. .app > .result-table {
  48. flex: 0 1 50%;
  49. padding: 5px;
  50. }