Merge pull request #2439 from dfinity/increase-font-size

chore: increase font size
dfinity · Feb 1, 2024 · a468274 · a468274
2 parents c7181be + cbcf863
commit a468274
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 15 deletions.
diff --git a/src/components/DocsHome/AskAIWidget.tsx b/src/components/DocsHome/AskAIWidget.tsx
@@ -2,14 +2,12 @@ import React from "react";
 import Head from "@docusaurus/Head";
 import { useIsDocs } from "@site/src/hooks/useIsDocs";
 import BrainIcon from "../../../static/img/icon-ai-brain.svg";
-import { useLocation } from "@docusaurus/router";
 
 export function AskAIWidget() {
-  const { isDocsPage, currentPath, docsHome } = useIsDocs();
-  const location = useLocation();
+  const { isDocsPage, currentPath } = useIsDocs();
 
   return (
-    (isDocsPage || location.pathname == "/") && (
+    (isDocsPage || currentPath === "/") && (
       // AI chatbot integration via Kapa
       <>
         <Head>
@@ -26,15 +24,15 @@ export function AskAIWidget() {
           />
         </Head>
         <button
-          className="ask-ai-widget-trigger invisible pointer-events-none docs:visible docs:pointer-events-auto button-white sm:button-with-icon sm:button-small font-bold fixed sm:relative bottom-0 my-20 sm:my-0 flex rounded-full sm:rounded-lg h-12 w-12 sm:h-[unset] sm:w-[unset] items-center p-0 sm:px-3 sm:py-2"
+          className="ask-ai-widget-trigger invisible pointer-events-none docs:visible docs:pointer-events-auto button-white sm:button-fancy-ai sm:button-with-icon border-none transition-all sm:bg-[radial-gradient(67.52%_167.71%_at_50.38%_-41.67%,#EA2B7B_0%,#3B00B9_100%)] hover:text-white/80 stat-fade-in sm:button-small font-bold fixed sm:relative bottom-0 my-20 sm:my-0 flex rounded-full sm:rounded-xl h-12 w-12 sm:h-[unset] sm:w-[unset] items-center p-0 sm:px-3 sm:py-2"
           style={{
             display: "flex",
             alignItems: "center",
             justifyContent: "center",
           }}
         >
-          <span className={"flex-1"}>
-            <BrainIcon />
+          <span className={"flex-1 flex flex-col items-center"}>
+            <BrainIcon className={"md:text-white"} />
           </span>
           <span className={"hidden sm:block font-bold"}>Ask ICP.AI</span>
         </button>

diff --git a/src/css/custom.scss b/src/css/custom.scss
@@ -12,6 +12,7 @@
 :root {
   font-family: "CircularXX", sans-serif;
   --ifm-font-family-base: "CircularXX", sans-serif;
+  --ifm-font-size-base: 125%;
   --ifm-color-primary: #3b00b9;
   --ifm-color-primary-dark: #3500a7;
   --ifm-color-primary-darker: #32009d;
@@ -162,7 +163,7 @@ html.docs-doc-page:not(.docs-doc-id-home) {
       div[class*="docItemContainer_"],
       div.blog-post-content-layout {
         // padding around article content
-        padding: 40px 100px;
+        padding: 40px 80px;
       }
     }
 

diff --git a/src/css/navbar.scss b/src/css/navbar.scss
@@ -30,6 +30,10 @@
   @apply z-50;
 }
 
+.navbar__items--right {
+  gap: 1rem;
+}
+
 .dropdown--hoverable .dropdown__menu {
   transform: translateX(-50%) translateY(-0.625rem);
 }

diff --git a/src/theme/SearchBar/index.js b/src/theme/SearchBar/index.js
@@ -55,7 +55,7 @@ const Search = () => {
           bg-transparent px-2 md:px-5 py-1 md:py-2
           font-circular md:text-infinite md:docs:text-black
           flex gap-2 items-center
-          md:order-last md:ml-6
+          md:order-last
           outline-offset-2
           absolute right-[64px] md:static
           text-black

diff --git a/static/img/icon-ai-brain.svg b/static/img/icon-ai-brain.svg