Admin.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. .App.Admin {
  2. background-color: white;
  3. color: black;
  4. }
  5. .App.Admin .container-fluid {
  6. background-color: white;
  7. }
  8. .vom-canvii {
  9. display: flex;
  10. align-items: flex-start;
  11. }
  12. #vom-admin-canvas {
  13. width: 50%!important;
  14. justify-self: center;
  15. grid-area: vom-admin-canvas;
  16. border: 1px solid rgba(0, 0, 0, 0.1);
  17. }
  18. #vom-results-panel {
  19. grid-area: vom-results-panel;
  20. }
  21. #vom-results-table {
  22. grid-area: vom-results-table;
  23. }
  24. #vom-results-filters h6 {
  25. color: #6c757d;
  26. font-weight: 700;
  27. text-transform: uppercase;
  28. font-size: 0.9rem;
  29. margin-bottom: 0.1rem;
  30. }
  31. #vom-results-filters h4 {
  32. display: flex;
  33. justify-content: space-between;
  34. }
  35. .vom-filter-group {
  36. display: grid;
  37. grid-template-columns: 1fr 1fr;
  38. row-gap: 5px;
  39. margin-bottom: 0;
  40. }
  41. #vom-filter-actions button {
  42. margin-left: 10px;
  43. }
  44. .vom-results-data {
  45. display: flex;
  46. }
  47. .vom-results-data p {
  48. padding-right: 1rem;
  49. }
  50. .vom-table-results thead {
  51. text-transform: capitalize;
  52. }
  53. .vom-table-results tr {
  54. cursor: pointer;
  55. }
  56. .vom-table-results tr.main-row {
  57. border-top: 2px solid #a0a2a5;
  58. }
  59. .vom-table-results tr.data-focused {
  60. background-color: #17a2b845 !important;
  61. }
  62. .vom-table-results tr.data-focused th,
  63. .vom-table-results tr.data-focused td {
  64. border: 1px solid #a0a2a5;
  65. }
  66. .vom-filter-switch-group {
  67. display: flex;
  68. justify-content: space-between;
  69. }
  70. .vom-filter-switch {
  71. width: 25%;
  72. }