fix(navbar): correct newsletter bar issue on mobile

near · Nov 27, 2024 · c02d3b7 · c02d3b7
1 parent 51b3959
commit c02d3b7
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -38,15 +38,20 @@ 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;
   text-align: center;
   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;