Fix wallet button hover and align items

centrifuge · Oct 28, 2024 · dd5db7e · dd5db7e
1 parent 98ee336
commit dd5db7e
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/centrifuge-app/src/components/PoolOverview/KeyMetrics.tsx b/centrifuge-app/src/components/PoolOverview/KeyMetrics.tsx
@@ -222,7 +222,7 @@ export const KeyMetrics = ({ poolId }: Props) => {
         <Box marginTop={2}>
           {metrics.map(({ metric, value }, index) => {
             return (
-              <Box key={index} display="flex" justifyContent="space-between" paddingY={1}>
+              <Box key={index} display="flex" justifyContent="space-between" paddingY={1} alignItems="center">
                 <Text color="textSecondary" variant="body2" textOverflow="ellipsis" whiteSpace="nowrap">
                   {metric}
                 </Text>

diff --git a/fabric/src/theme/tokens/baseTheme.ts b/fabric/src/theme/tokens/baseTheme.ts
@@ -32,7 +32,7 @@ export const baseTheme: Omit<FabricTheme, 'colors' | 'scheme'> = {
     cardActive: ' 0 0 0 1px var(--fabric-focus), 0 1px 5px rgba(0, 0, 0, 0.2)',
     cardOverlay: '4px 8px 24px rgba(0, 0, 0, 0.2)',
     buttonPrimary: `0px 0px 0px 3px var(--fabric-shadowButtonPrimary)`,
-    buttonSecondary: `1px 2px 1px var(--fabric-shadowButtonSecondary)`,
+    buttonSecondary: `0px 0px 0px 3px var(--fabric-shadowButtonSecondary)`,
     buttonInverted: `0px 0px 0px 3px var(--fabric-shadowButtonInverted)`,
   },
   zIndices: {

diff --git a/fabric/src/theme/tokens/theme.ts b/fabric/src/theme/tokens/theme.ts
@@ -79,7 +79,7 @@ const colors = {
   borderButtonSecondaryHover: black,
   borderButtonSecondaryPressed: black,
   borderButtonSecondaryDisabled: 'transparent',
-  shadowButtonSecondary: 'transparent',
+  shadowButtonSecondary: grayScale[100],
 
   backgroundButtonTertiary: 'transparent',
   backgroundButtonTertiaryFocus: 'transparent',