diff --git a/apps/website/screens/components/footer/overview/images/footer_anatomy.png b/apps/website/screens/components/footer/overview/images/footer_anatomy.png index d32e017255..e3ba6c46a8 100644 Binary files a/apps/website/screens/components/footer/overview/images/footer_anatomy.png and b/apps/website/screens/components/footer/overview/images/footer_anatomy.png differ diff --git a/apps/website/screens/components/footer/overview/images/footer_variants.png b/apps/website/screens/components/footer/overview/images/footer_variants.png index 59e8294f72..40d57d089c 100644 Binary files a/apps/website/screens/components/footer/overview/images/footer_variants.png and b/apps/website/screens/components/footer/overview/images/footer_variants.png differ diff --git a/packages/lib/src/footer/Footer.tsx b/packages/lib/src/footer/Footer.tsx index 2d56ad6811..79f487449f 100644 --- a/packages/lib/src/footer/Footer.tsx +++ b/packages/lib/src/footer/Footer.tsx @@ -54,7 +54,7 @@ const LeftContainer = styled.div<{ width: number }>` `; const LogoContainer = styled.span<{ mode?: FooterPropsType["mode"] }>` - max-height: ${(props) => (props?.mode === "default" ? "var(--height-m)" : "var(--height-xxs)")}; + max-height: ${(props) => (props?.mode === "default" ? "var(--height-xl)" : "var(--height-xxs)")}; width: fit-content; text-align: center; @@ -67,7 +67,7 @@ const LogoContainer = styled.span<{ mode?: FooterPropsType["mode"] }>` `} svg { - height: ${(props) => (props.mode === "default" ? "var(--height-m)" : "var(--height-xxs)")}; + height: ${(props) => (props.mode === "default" ? "var(--height-xl)" : "var(--height-xxs)")}; width: auto; } `; diff --git a/packages/lib/src/footer/Icons.tsx b/packages/lib/src/footer/Icons.tsx index 718c39d8b1..5a6c6b1977 100644 --- a/packages/lib/src/footer/Icons.tsx +++ b/packages/lib/src/footer/Icons.tsx @@ -1,125 +1,87 @@ export const dxcLogo = ( - + DXC Logo - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + ); export const dxcSmallLogo = ( - - DXC Logo - - - - - - - - - - - - - + + );