style.less.backup.final 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. // 导入全局样式变量
  2. @import '@/styles/variables.less';
  3. // 知识库列表页面样式
  4. // 说明:优先使用全局样式,本文件只定义必要的表格优化样式
  5. // ===== 表格样式优化 =====
  6. .content-section {
  7. .ant-table {
  8. // 使用 Ant Design 默认字体大小,不覆盖
  9. // 让全局 .ant-typography 样式控制
  10. // 表头样式
  11. .ant-table-thead {
  12. .ant-table-cell {
  13. font-weight: @font-weight-semibold;
  14. background: @bg-tertiary;
  15. }
  16. }
  17. // 表体样式
  18. .ant-table-tbody {
  19. .ant-table-row {
  20. &:hover {
  21. background: @bg-hover;
  22. }
  23. }
  24. }
  25. }
  26. }
  27. // ===== 操作栏图标样式 =====
  28. .action-btn {
  29. padding: @spacing-1; // 4px
  30. color: @text-secondary;
  31. transition: all 0.2s ease;
  32. .iconify {
  33. font-size: 16px; // 图标大小
  34. }
  35. &:hover {
  36. color: @primary-color;
  37. }
  38. &[danger] {
  39. &:hover {
  40. color: @error-color;
  41. }
  42. }
  43. }