App.css 998 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. .App {
  2. text-align: center;
  3. }
  4. .App-logo {
  5. animation: App-logo-spin infinite 20s linear;
  6. height: 40vmin;
  7. pointer-events: none;
  8. }
  9. .App-header {
  10. background-color: #282c34;
  11. min-height: 100vh;
  12. display: flex;
  13. flex-direction: column;
  14. align-items: center;
  15. justify-content: center;
  16. font-size: calc(10px + 2vmin);
  17. color: white;
  18. }
  19. .App-link {
  20. color: #61dafb;
  21. }
  22. @keyframes App-logo-spin {
  23. from {
  24. transform: rotate(0deg);
  25. }
  26. to {
  27. transform: rotate(360deg);
  28. }
  29. }
  30. .GridHeader {
  31. display: flex;
  32. justify-content: space-between;
  33. }
  34. .Row {
  35. display: flex;
  36. justify-content: space-between;
  37. }
  38. .GridContent {
  39. }
  40. .GridViewport {
  41. /*max-height: 500px;*/
  42. /*height: 500px;*/
  43. overflow: auto;
  44. }
  45. .Cell {
  46. max-width: 200px;
  47. width: 200px;
  48. overflow: hidden;
  49. font-size: 0.8em;
  50. }
  51. .Th {
  52. max-width: 200px;
  53. width: 200px;
  54. overflow: hidden;
  55. font-size: 1.2em;
  56. font-weight: bold;
  57. }
  58. .Row {
  59. max-height: 50px;
  60. height: 50px;
  61. }