Merge pull request #1908 from decentdao/dc/decent-ui-updates-scroll-a…

…nd-font UI updates: scroll and font
decentdao · May 24, 2024 · 4002b39 · 4002b39
2 parents 08b6d54 + 52af785
commit 4002b39
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 16 deletions.
diff --git a/src/components/pages/DAOTreasury/components/Assets.tsx b/src/components/pages/DAOTreasury/components/Assets.tsx
@@ -413,6 +413,7 @@ export function Assets() {
                       <AccordionPanel
                         p={0}
                         overflowX="scroll"
+                        className="scroll-dark"
                       >
                         <CoinHeader />
                         {coinDisplay.displayData.map((coin, index) => {
@@ -457,6 +458,7 @@ export function Assets() {
                       <AccordionPanel
                         p={0}
                         overflowX="scroll"
+                        className="scroll-dark"
                       >
                         <NFTHeader />
                         {assetsNonFungible.map((asset, index) => (

diff --git a/src/components/ui/containers/TitledInfoBox.tsx b/src/components/ui/containers/TitledInfoBox.tsx
@@ -19,6 +19,7 @@ export function TitledInfoBox({
       borderRadius={{ base: '0.75rem', lg: '0.5rem' }}
       maxW={CONTENT_MAXW}
       overflowX="scroll"
+      className="scroll-dark"
       {...rest}
     >
       <Text

diff --git a/src/components/ui/menus/SafesMenu/SafesList.tsx b/src/components/ui/menus/SafesMenu/SafesList.tsx
@@ -26,22 +26,7 @@ export function SafesList() {
           <Box
             maxHeight="20rem"
             overflowY="scroll"
-            sx={{
-              '&::-webkit-scrollbar': {
-                width: '0.5rem',
-                height: '0.5rem',
-              },
-              '&::-webkit-scrollbar-thumb': {
-                border: 'none',
-                boxShadow: 'none',
-                background: 'neutral-4',
-                borderRadius: '0.5rem',
-                minHeight: '2.5rem',
-              },
-              '&::-webkit-scrollbar-thumb:hover': {
-                backgroundColor: 'neutral-4',
-              },
-            }}
+            className="scroll-dark"
           >
             {favoritesList.map(favorite => (
               <SafeMenuItem

diff --git a/src/pages/daos/[daoAddress]/treasury/index.tsx b/src/pages/daos/[daoAddress]/treasury/index.tsx
@@ -120,6 +120,7 @@ export default function Treasury() {
               bg="neutral-3"
               maxW={CONTENT_MAXW}
               overflowX="scroll"
+              className="scroll-dark"
             >
               <Transactions shownTransactions={shownTransactions} />
             </Box>