operationPanel.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. // table 操作区域样式
  2. // 包括按钮插槽,翻页组件等
  3. // @import '../theme/variables.scss';
  4. // @import './variables.scss';
  5. $module: #{$prefix}-table;
  6. .#{$module}-panel {
  7. &-operation {
  8. background-color: $color-table_panel-bg-default;
  9. padding-left: $spacing-table_panel_operation-paddingX;
  10. padding-right: $spacing-table_panel_operation-paddingX;
  11. padding-top: $spacing-table_panel_operation-paddingY;
  12. padding-bottom: $spacing-table_panel_operation-paddingY;
  13. display: flex;
  14. justify-content: space-between;
  15. color: $color-table_page-text-default;
  16. &-right,
  17. &-left {
  18. display: flex;
  19. justify-content: space-between;
  20. }
  21. &-selected {
  22. color: $color-table_panel-text-default;
  23. }
  24. }
  25. }
  26. .#{$module}-pagination {
  27. &-info {
  28. @include font-size-regular;
  29. // color: $color-text-secondary;
  30. font-weight: $font-weight-regular;
  31. }
  32. &-outer {
  33. display: flex;
  34. justify-content: space-between;
  35. align-items: center;
  36. }
  37. }