diff --git a/src/components/SubTabContainer/index.tsx b/src/components/SubTabContainer/index.tsx index 441f5b10..d48cfb24 100644 --- a/src/components/SubTabContainer/index.tsx +++ b/src/components/SubTabContainer/index.tsx @@ -204,7 +204,6 @@ const SubTabContainer: React.FC = memo(({ : null} > = ({ `${record.shareholder_name}-${index}`} + rowKey={(record: Shareholder) => `${record.shareholder_name}-${record.shareholder_rank ?? ''}-${record.end_date ?? ''}`} pagination={false} size={isMobile ? "small" : "middle"} scroll={{ x: isMobile ? 400 : undefined }} diff --git a/src/views/Company/components/FinancialPanorama/components/PeriodSelector.tsx b/src/views/Company/components/FinancialPanorama/components/PeriodSelector.tsx index e223c559..c7928c36 100644 --- a/src/views/Company/components/FinancialPanorama/components/PeriodSelector.tsx +++ b/src/views/Company/components/FinancialPanorama/components/PeriodSelector.tsx @@ -44,15 +44,19 @@ const PeriodSelector: React.FC = memo(({ background: 'transparent', }} size="small" - popupClassName="period-selector-dropdown" + classNames={{ popup: { root: 'period-selector-dropdown' } }} + styles={{ + popup: { + root: { + background: '#1A202C', + borderColor: 'rgba(212, 175, 55, 0.3)', + }, + }, + }} options={periodOptions.map((period) => ({ value: period, label: `ζœ€θΏ‘${period}期`, }))} - dropdownStyle={{ - background: '#1A202C', - borderColor: 'rgba(212, 175, 55, 0.3)', - }} /> } diff --git a/src/views/Company/components/StockQuoteCard/components/theme.ts b/src/views/Company/components/StockQuoteCard/components/theme.ts index b34e0983..2d50a4bd 100644 --- a/src/views/Company/components/StockQuoteCard/components/theme.ts +++ b/src/views/Company/components/StockQuoteCard/components/theme.ts @@ -103,7 +103,6 @@ export const glassCardStyle = { container: { bg: DEEP_SPACE_THEME.bgGlass, backdropFilter: `blur(${DEEP_SPACE_THEME.blur})`, - WebkitBackdropFilter: `blur(${DEEP_SPACE_THEME.blur})`, borderRadius: DEEP_SPACE_THEME.radiusXL, border: `1px solid ${DEEP_SPACE_THEME.borderGlass}`, boxShadow: `${DEEP_SPACE_THEME.floatShadow}, ${DEEP_SPACE_THEME.innerGlow}`, @@ -122,7 +121,6 @@ export const glassCardStyle = { containerGold: { bg: DEEP_SPACE_THEME.bgGlass, backdropFilter: `blur(${DEEP_SPACE_THEME.blur})`, - WebkitBackdropFilter: `blur(${DEEP_SPACE_THEME.blur})`, borderRadius: DEEP_SPACE_THEME.radiusXL, border: `1px solid ${DEEP_SPACE_THEME.borderGold}`, boxShadow: `${DEEP_SPACE_THEME.glowGold}, ${DEEP_SPACE_THEME.floatShadow}, ${DEEP_SPACE_THEME.innerGlow}`,