approvalNode.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. .parent {
  2. width: 100%;
  3. height: 72px;
  4. display: flex;
  5. flex-direction: row;
  6. align-items: center;
  7. padding-right: 10px;
  8. }
  9. .dateLayout {
  10. width: 56px;
  11. display: flex;
  12. flex-direction: column;
  13. justify-content: center;
  14. align-items: center;
  15. padding-top: 10px;
  16. }
  17. .dateItem, .timeItem {
  18. text-align: center;
  19. font-size: 13px;
  20. }
  21. .arrowLayout {
  22. display: flex;
  23. height: 100%;
  24. flex-direction: column;
  25. align-items: center;
  26. }
  27. .arrowLine {
  28. flex: 1;
  29. width: 1px;
  30. background: #cccccc;
  31. }
  32. .noLine {
  33. flex: 1;
  34. width: 1px;
  35. background: transparent;
  36. }
  37. .headerImg {
  38. width: 35px;
  39. height: 35px;
  40. margin-left: 10px;
  41. }
  42. .contentLayout {
  43. display: flex;
  44. flex-direction: column;
  45. justify-content: center;
  46. flex: 1;
  47. height: 100%;
  48. margin-left: 10px;
  49. }
  50. .nameItem {
  51. color: #999999;
  52. font-size: 13px;
  53. }
  54. .opinionItem {
  55. color: #999999;
  56. font-size: 12px;
  57. overflow-y: scroll;
  58. }
  59. .opinionItem::-webkit-scrollbar {
  60. display: none;
  61. }
  62. .stateItem {
  63. color: #999999;
  64. margin-bottom: 20px;
  65. font-size: 12px;
  66. }