fix(header): increase height on mobile friendly header (#6203)

chanzuckerberg · Nov 15, 2023 · 02c5b5f · 02c5b5f
1 parent 63c9a77
commit 02c5b5f
Show file tree

Hide file tree

Showing 7 changed files with 6 additions and 6 deletions.
diff --git a/frontend/src/components/Layout/index.tsx b/frontend/src/components/Layout/index.tsx
@@ -3,7 +3,7 @@ import { ReactNode } from "react";
 import { ROUTES } from "src/common/constants/routes";
 import Header from "../Header";
 import LandingFooter from "../LandingFooter";
-import LandingHeader from "../LandingHeader";
+import LandingHeader from "../MobileFriendlyHeader";
 import { Wrapper } from "./style";
 
 interface Props {

diff --git a/...nd/src/components/LandingHeader/index.tsx → ...components/MobileFriendlyHeader/index.tsx b/...nd/src/components/LandingHeader/index.tsx → ...components/MobileFriendlyHeader/index.tsx
diff --git a/...end/src/components/LandingHeader/style.ts → .../components/MobileFriendlyHeader/style.ts b/...end/src/components/LandingHeader/style.ts → .../components/MobileFriendlyHeader/style.ts
@@ -4,8 +4,8 @@ import Nav from "src/components/Header/components/Nav";
 import { NavDivider } from "src/components/Header/components/Nav/components/NavDivider/style";
 import { spacesL, spacesXl } from "src/common/theme";
 import { fontHeaderM } from "@czi-sds/components";
+import { HEADER_HEIGHT_PX } from "../Header/style";
 
-export const HEADER_HEIGHT_PX = 48;
 export const MAX_WIDTH_BREAKPOINT_PX = 768;
 
 export const Wrapper = styled.div`

diff --git a/frontend/src/pages/sitemap.tsx b/frontend/src/pages/sitemap.tsx
@@ -10,7 +10,7 @@ import {
 } from "src/common/queries/cellGuide";
 import { useMemo, useState, useEffect } from "react";
 import { fontWeightSemibold } from "src/common/theme";
-import { MAX_WIDTH_BREAKPOINT_PX } from "src/components/LandingHeader/style";
+import { MAX_WIDTH_BREAKPOINT_PX } from "src/components/MobileFriendlyHeader/style";
 
 const DOC_SITE_FOLDER_NAME = "doc-site";
 

diff --git a/frontend/src/views/CellGuide/components/LandingPage/index.tsx b/frontend/src/views/CellGuide/components/LandingPage/index.tsx
@@ -6,7 +6,7 @@ import { LANDING_PAGE_HEADER } from "src/views/CellGuide/components/LandingPage/
 import CellGuideMobileHeader from "../CellGuideMobileHeader";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { throttle } from "lodash";
-import { MAX_WIDTH_BREAKPOINT_PX } from "src/components/LandingHeader/style";
+import { MAX_WIDTH_BREAKPOINT_PX } from "src/components/MobileFriendlyHeader/style";
 
 const TITLE = "CellGuide Cell Types and Cell Tissues - CZ CELLxGENE";
 

diff --git a/frontend/src/views/CellGuide/components/LandingPage/style.ts b/frontend/src/views/CellGuide/components/LandingPage/style.ts
@@ -4,7 +4,7 @@ import {
   fontHeaderL,
   fontHeaderXl,
 } from "@czi-sds/components";
-import { MAX_WIDTH_BREAKPOINT_PX } from "src/components/LandingHeader/style";
+import { MAX_WIDTH_BREAKPOINT_PX } from "src/components/MobileFriendlyHeader/style";
 
 interface WrapperProps extends CommonThemeProps {
   searchBarOpen: boolean;

diff --git a/frontend/src/views/WheresMyGeneV2/components/GeneSearchBar/style.ts b/frontend/src/views/WheresMyGeneV2/components/GeneSearchBar/style.ts
@@ -2,14 +2,14 @@ import styled from "@emotion/styled";
 import { fontBodyXxs } from "@czi-sds/components";
 import { gray500 } from "src/common/theme";
 import { Button } from "@czi-sds/components";
-import { HEADER_HEIGHT_PX } from "src/components/LandingHeader/style";
 import {
   CONTENT_WRAPPER_LEFT_RIGHT_PADDING_PX,
   CONTENT_WRAPPER_TOP_BOTTOM_PADDING_PX,
 } from "src/components/Layout/style";
 import { LEGEND_HEIGHT_PX } from "src/views/WheresMyGeneV2/components/InfoPanel/components/Legend/style";
 import { Y_AXIS_CHART_WIDTH_PX } from "src/views/WheresMyGeneV2/components/HeatMap/utils";
 import { GENE_SEARCH_BAR_HEIGHT_PX } from "src/views/WheresMyGeneV2/common/constants";
+import { HEADER_HEIGHT_PX } from "src/components/Header/style";
 
 interface ContainerProps {
   sidebarWidth: number;