fix.scss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. @use "./colors.scss" as *;
  2. .carousel-light {
  3. --vc-nav-color: #fff;
  4. --vc-clr-primary: #fff;
  5. --vc-clr-secondary: #cfcfcfc4;
  6. --vc-pgn-background-color: #cfcfcfc4;
  7. --vc-clr-white: #333333;
  8. --vc-pgn-active-color: var(--vc-clr-primary)
  9. }
  10. .dynamic-form-group {
  11. padding: 90px;
  12. background-color: #fff;
  13. border-radius: 15px;
  14. > h5 {
  15. text-align: center;
  16. }
  17. }
  18. .ant-form-item {
  19. margin-bottom: 48px !important;
  20. .ant-form-item-label > label {
  21. font-weight: 600;
  22. font-size: 16px;
  23. line-height: 24px;
  24. }
  25. }
  26. .ant-list.light-round {
  27. padding: 0.4rem;
  28. .ant-list-item {
  29. background-color: #fff; // 每条背景白色
  30. border-radius: 8px; // 圆角
  31. margin-bottom: 0.8rem; // 条目间距
  32. padding: 1rem 1.2rem; // 内边距,可按需调整
  33. transition: box-shadow 0.2s;
  34. border: 1px solid #eeeeee;
  35. &:last-child {
  36. margin-bottom: 0; // 最后一条去掉底边距
  37. }
  38. &:hover {
  39. box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  40. }
  41. }
  42. }
  43. .ant-descriptions.light {
  44. .ant-descriptions-view {
  45. background-color: #fff;
  46. }
  47. }
  48. .ant-upload-list-item-name {
  49. white-space: wrap!important;
  50. word-break: break-all;
  51. max-width: 100%;
  52. max-height: 60px;
  53. overflow: hidden;
  54. overflow-y: scroll!important;
  55. font-size: 12px;
  56. }
  57. @media screen and (max-width: 768px) {
  58. .dynamic-form-group {
  59. padding: 25px;
  60. }
  61. .ant-form-item {
  62. margin-bottom: 24px !important;
  63. }
  64. }
  65. @media screen and (max-width: 425px) {
  66. .dynamic-form-group {
  67. padding: 15px;
  68. }
  69. }