Bug fixes

centrifuge · Aug 27, 2024 · 8b5680e · 8b5680e
1 parent 1ff4757
commit 8b5680e
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 11 deletions.
diff --git a/centrifuge-app/src/components/LayoutBase/LayoutSection.tsx b/centrifuge-app/src/components/LayoutBase/LayoutSection.tsx
@@ -12,7 +12,7 @@ type Props = {
 
 export function LayoutSection({ title, titleAddition, subtitle, headerRight, children, ...boxProps }: Props) {
   return (
-    <BasePadding as="section" gap={2} {...boxProps}>
+    <BasePadding as="section" gap={2} pt={20} pb={20} {...boxProps}>
       {(title || titleAddition || subtitle || headerRight) && (
         <Shelf justifyContent="space-between" as="header" maxWidth="mainContent">
           <Stack>

diff --git a/centrifuge-app/src/components/LayoutBase/styles.tsx b/centrifuge-app/src/components/LayoutBase/styles.tsx
@@ -45,6 +45,7 @@ export const Inner = styled(Grid)`
       theme.breakpoints['L']}) {
     width: 7vw;
     background-color: ${({ theme }) => theme.colors.backgroundBlack};
+    overflow: visible;
   }
 
   @media (min-width: ${({ theme }) => theme.breakpoints['L']}) {

diff --git a/centrifuge-app/src/components/Menu/IssuerMenu.tsx b/centrifuge-app/src/components/Menu/IssuerMenu.tsx
@@ -71,7 +71,7 @@ export function IssuerMenu({ defaultOpen = false, children }: IssuerMenuProps) {
         position={['absolute', 'absolute', 'absolute', 'relative', 'static']}
         top={['auto', 'auto', 0, 'auto']}
         bottom={[offset, offset, 'auto']}
-        left={[1, 1, offset, offset, 'auto']}
+        left={[1, 1, offset, 'auto', 'auto']}
         width={[fullWidth, fullWidth, 200, '100%']}
         mt={[0, 0, 0, 1]}
         zIndex={20}

diff --git a/centrifuge-app/src/components/Menu/index.tsx b/centrifuge-app/src/components/Menu/index.tsx
@@ -7,7 +7,6 @@ import {
   IconSwitch,
   IconWallet,
   MenuItemGroup,
-  Menu as Panel,
   Shelf,
   Stack,
 } from '@centrifuge/fabric'
@@ -91,7 +90,7 @@ export function Menu() {
               )}
             </Stack>
           ) : (
-            <Panel>
+            <Stack as="ul" gap={1}>
               {!!pools.length &&
                 pools.map((pool) => (
                   <MenuItemGroup key={pool.id}>
@@ -105,7 +104,7 @@ export function Menu() {
                   <CreatePool />
                 </Box>
               )}
-            </Panel>
+            </Stack>
           )}
         </IssuerMenu>
       )}

diff --git a/fabric/src/components/Card/index.ts b/fabric/src/components/Card/index.ts
@@ -10,9 +10,9 @@ type Props = {
 export type CardProps = Props &
   Omit<BoxProps, 'border' | 'borderColor' | 'borderWidth' | 'borderStyle' | 'bg' | 'backgroundColor'>
 
-export const Card = styled(Box)<Props>(({ variant = 'default', backgroundColor }) => {
-  return css({
-    background: backgroundColor ?? 'backgroundPage',
+export const Card = styled(Box)<Props>(({ variant = 'default', backgroundColor }) =>
+  css({
+    bg: backgroundColor ?? 'white',
     borderRadius: 'card',
     borderWidth: variant === 'default' && !backgroundColor ? 1 : 0,
     borderStyle: 'solid',
@@ -25,4 +25,4 @@ export const Card = styled(Box)<Props>(({ variant = 'default', backgroundColor }
       boxShadow: variant === 'interactive' ? 'cardActive' : undefined,
     },
   })
-})
+)
diff --git a/fabric/src/theme/altairDark.ts b/fabric/src/theme/altairDark.ts
@@ -1,15 +1,15 @@
 import { baseTheme } from './tokens/baseTheme'
 import { brandAltair } from './tokens/brandAltair'
 import { black, blueScale, gold, grayScale, yellowScale } from './tokens/colors'
-import { modeDark } from './tokens/modeDark'
+import { colorTheme } from './tokens/theme'
 import { FabricTheme } from './types'
 
 export const altairDark: FabricTheme = {
   ...baseTheme,
   scheme: 'dark',
   colors: {
     ...brandAltair,
-    ...modeDark.colors,
+    ...colorTheme.colors,
     primarySelectedBackground: yellowScale[500],
     secondarySelectedBackground: yellowScale[800],
     focus: yellowScale[500],