Bladeren bron

📌 fix(pricing-search): make search bar sticky within PricingContent (#1365)

* Added `position: sticky; top: 0; z-index: 5;` to search bar container
  – keeps the bar fixed while the table body scrolls
* Preserves previous padding, border and background styles
* Improves usability by ensuring quick access to search & actions during long list navigation

• PricingTable
  • Added `compactMode` prop; strips fixed columns and sets `scroll={compactMode ? undefined : { x: 'max-content' }}`
  • Processes columns to remove `fixed` in compact mode

• PricingPage & index.css
  • Added `.pricing-scroll-hide` utility to hide Y-axis scrollbar for `Sider` & `Content`

• Responsive / style refinements
  • Sidebar width adjusted to 460px
  • Scrollbars hidden uniformly across pricing modules

These changes complete the model-pricing UI refactor, ensuring clean scrolling, responsive filters, and fixed availability column for better usability.
t0ng7u 7 maanden geleden
bovenliggende
commit
902aee4e6b
1 gewijzigde bestanden met toevoegingen van 4 en 1 verwijderingen
  1. 4 1
      web/src/components/table/model-pricing/PricingContent.jsx

+ 4 - 1
web/src/components/table/model-pricing/PricingContent.jsx

@@ -30,7 +30,10 @@ const PricingContent = (props) => {
           padding: '16px 24px',
           borderBottom: '1px solid var(--semi-color-border)',
           backgroundColor: 'var(--semi-color-bg-0)',
-          flexShrink: 0
+          flexShrink: 0,
+          position: 'sticky',
+          top: 0,
+          zIndex: 5,
         }}
       >
         <PricingSearchBar {...props} />