App.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. #root {
  2. margin: 0;
  3. padding: 0;
  4. width: 100%;
  5. height: 100%;
  6. }
  7. body {
  8. margin: 0;
  9. padding: 0;
  10. background-color: #f5f5f5;
  11. font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
  12. }
  13. /* 覆盖 Ant Design 的一些默认间距,如果需要的话 */
  14. .ant-layout-header {
  15. padding-inline: 24px !important;
  16. }
  17. /* 滚动条样式优化 (可选) */
  18. ::-webkit-scrollbar {
  19. width: 8px;
  20. height: 8px;
  21. }
  22. ::-webkit-scrollbar-thumb {
  23. background: #c1c1c1;
  24. border-radius: 4px;
  25. }
  26. ::-webkit-scrollbar-track {
  27. background: #f1f1f1;
  28. }
  29. /* 让表格悬停时效果更好 */
  30. .ant-table-tbody > tr.ant-table-row:hover > td {
  31. background: #fafafa !important;
  32. }
  33. /* 表格内垂直居中 */
  34. .align-middle td {
  35. vertical-align: middle !important;
  36. }
  37. /* 调整 Modal 的圆角,看起来更圆润 */
  38. .ant-modal-content {
  39. border-radius: 12px !important;
  40. overflow: hidden;
  41. }
  42. .ant-btn {
  43. border-radius: 6px;
  44. }