diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 130143424..7d71b82e0 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -38,7 +38,7 @@ const StyledCard = ({ href, title, description }: { href: string; title: string; ); }; -const NewsletterBanner = styled.div<{ isSidebarExpanded: boolean,deviceType:string }>` +const NewsletterBanner = styled.div<{ isSidebarExpanded: boolean; deviceType: string }>` background-color: #0072ce; color: white; padding: 8px; @@ -46,7 +46,12 @@ const NewsletterBanner = styled.div<{ isSidebarExpanded: boolean,deviceType:stri font-size: 14px; position: absolute; top: 0; - left: ${(p) => p.deviceType === 'mobile' ? 0:(p.isSidebarExpanded ? 'var(--sidebar-width-expanded)' : 'var(--sidebar-width-collapsed)')}; + left: ${(p) => + p.deviceType === 'mobile' + ? 0 + : p.isSidebarExpanded + ? 'var(--sidebar-width-expanded)' + : 'var(--sidebar-width-collapsed)'}; transition: all var(--sidebar-expand-transition-speed); right: 0;