diff --git a/src/ui/pages/AssetInfo/AssetGlobalStats.tsx b/src/ui/pages/AssetInfo/AssetGlobalStats.tsx index bb7c5c247..3d206a565 100644 --- a/src/ui/pages/AssetInfo/AssetGlobalStats.tsx +++ b/src/ui/pages/AssetInfo/AssetGlobalStats.tsx @@ -5,6 +5,7 @@ import { formatCurrencyValue } from 'src/shared/units/formatCurrencyValue'; import { formatPercent } from 'src/shared/units/formatPercent'; import { HStack } from 'src/ui/ui-kit/HStack'; import { UIText } from 'src/ui/ui-kit/UIText'; +import * as styles from './styles.module.css'; const ONE_DAY = 24 * 60 * 60 * 1000; const ONE_HOUR = 60 * 60 * 1000; @@ -57,7 +58,7 @@ export function AssetGlobalStats({ ); return ( - + {createdRecently ? ( ) : null} diff --git a/src/ui/pages/AssetInfo/styles.module.css b/src/ui/pages/AssetInfo/styles.module.css index 9d841fe6e..b09c7e5e7 100644 --- a/src/ui/pages/AssetInfo/styles.module.css +++ b/src/ui/pages/AssetInfo/styles.module.css @@ -65,3 +65,17 @@ -webkit-text-fill-color: transparent; background-clip: text; } + +.statsContainer { + width: 100%; + overflow-x: auto; + scrollbar-width: none; /* Firefox */ + -ms-overflow-style: none; /* IE and Edge */ + -webkit-overflow-scrolling: touch; /* iOS smooth scrolling */ + user-select: none; /* Prevent text selection during drag */ +} + +/* Hide scrollbar for Webkit browsers */ +.statsContainer::-webkit-scrollbar { + display: none; +}