fix: cohere header and reference padding (#1270)

fern-api · Aug 8, 2024 · 80fdece · 80fdece
1 parent 7bb3eef
commit 80fdece
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 11 deletions.
diff --git a/packages/ui/app/src/atoms/layout.ts b/packages/ui/app/src/atoms/layout.ts
@@ -121,11 +121,6 @@ export const SEARCHBAR_PLACEMENT_ATOM = atom<DocsV1Read.SearchbarPlacement>((get
         return "SIDEBAR";
     }
 
-    // if searchbarPlacement is set to HEADER_TABS and there are no horizontal tabs, default to HEADER
-    if (layout.searchbarPlacement === "HEADER_TABS" && !get(HAS_HORIZONTAL_TABS)) {
-        return "HEADER";
-    }
-
     return layout.searchbarPlacement;
 });
 SEARCHBAR_PLACEMENT_ATOM.debugLabel = "SEARCHBAR_PLACEMENT_ATOM";
diff --git a/packages/ui/app/src/docs/HeaderLogoSection.tsx b/packages/ui/app/src/docs/HeaderLogoSection.tsx
@@ -13,7 +13,7 @@ export function HeaderLogoSection(): ReactElement {
 
     return (
         <div className="relative flex h-full min-w-fit flex-1 shrink-0 items-center gap-2 py-1">
-            <div className="flex items-center gap-2 pr-4">
+            <div className="flex items-center gap-2">
                 <FernLogoContainer href={logoHref}>
                     <FernLogoImage />
                     {logoText != null && logoText.length > 0 && (

diff --git a/packages/ui/app/src/docs/VersionDropdown.tsx b/packages/ui/app/src/docs/VersionDropdown.tsx
@@ -22,7 +22,7 @@ export const VersionDropdown: React.FC<VersionDropdown.Props> = () => {
         return null;
     }
     return (
-        <div className="flex w-32">
+        <div className="flex max-w-32">
             <FernLinkDropdown
                 value={currentVersionId}
                 options={versions.map(({ id, title, availability, slug }) => ({

diff --git a/packages/ui/app/src/themes/cohere/index.scss b/packages/ui/app/src/themes/cohere/index.scss
@@ -52,7 +52,7 @@
     }
 
     .fern-header-content {
-        @apply flex justify-between items-center px-4 shrink-0 h-full;
+        @apply flex justify-between items-center px-4 shrink-0 h-full gap-4;
         @apply max-lg:pr-2;
     }
 
@@ -106,7 +106,7 @@
     }
 
     .fern-endpoint-content {
-        @apply px-10;
+        @apply px-4 lg:px-10;
 
         .fern-endpoint-content-right {
             @apply max-w-content-width;

diff --git a/packages/ui/app/src/themes/default/index.scss b/packages/ui/app/src/themes/default/index.scss
@@ -17,7 +17,7 @@
     }
 
     .fern-header-content {
-        @apply flex justify-between items-center px-4 md:px-6 lg:px-8 shrink-0 h-full;
+        @apply flex justify-between items-center px-4 md:px-6 lg:px-8 shrink-0 h-full gap-4;
     }
 
     .fern-header {

diff --git a/packages/ui/app/src/themes/theme-button/index.scss b/packages/ui/app/src/themes/theme-button/index.scss
@@ -1,6 +1,6 @@
 @layer components {
     .fern-theme-button {
-        @apply ml-3;
+        // @apply ml-3;
 
         .fern-theme-button-icon {
             @apply size-4 text-intent-default transition-colors;