Merge pull request #7 from zeko-labs/chore/logo

chore: updated logo
zeko-labs · Apr 19, 2024 · 862c51a · 862c51a
2 parents ba9a2b1 + dfac09b
commit 862c51a
Show file tree

Hide file tree

Showing 4 changed files with 145 additions and 36 deletions.
diff --git a/public/logo.svg b/public/logo.svg
diff --git a/styles/global.css b/styles/global.css
@@ -1,12 +1,12 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400..700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400..700&display=swap');
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400..700&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400..700&display=swap");
 @import url("colors.css");
 @import url("theme.css");
 
 /* Override Nextra so content gets more breathing room */
 .nextra-content h2 ~ p,
 .nextra-content h3 ~ p {
-  margin-top: 1.0rem;
+  margin-top: 1rem;
 }
 
 /* Custom div that can contain Nextra images */
@@ -53,3 +53,6 @@ span.shasum code {
   background-color: transparent !important;
 }
 
+.nx-logo {
+  margin: 10px 0;
+}
diff --git a/styles/theme.css b/styles/theme.css
@@ -4,6 +4,8 @@
     "Segoe UI Symbol";
   font-weight: 440;
 
+  --nextra-navbar-height: 120;
+
   .nx-rounded-xl {
     border-radius: 5px;
   }

diff --git a/theme.config.tsx b/theme.config.tsx
@@ -3,42 +3,17 @@ import { DocsThemeConfig } from "nextra-theme-docs";
 import { useRouter } from "next/router";
 import { useConfig } from "nextra-theme-docs";
 import "@feelback/react/styles/feelback.css";
+import Image from "next/image";
 
 const config: DocsThemeConfig = {
   logo: (
-    <>
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 1288.74 345.59"
-        width="134"
-        height="32"
-      >
-        <path
-          style={{ fill: "currentcolor" }}
-          d="m789.48,338.68c-28.02,0-54.81.04-81.6-.11-1.44,0-3.25-1.32-4.24-2.55-15.36-19.07-30.62-38.22-45.9-57.35-12.38-15.5-24.76-31-37.78-47.3v107.07h-64.5V0h64.17v192.12c8.36-10.51,15.93-19.98,23.47-29.48,20.12-25.33,40.21-50.69,60.39-75.97.74-.92,2.25-1.74,3.41-1.74,26.81-.1,53.61-.07,81.69-.07-37.69,42.92-74.75,85.12-111.87,127.39,37.39,41.93,74.68,83.74,112.76,126.45Z"
-        />
-        <path
-          style={{ fill: "currentcolor" }}
-          d="m501.78,259.7c-3.37,13.8-10.04,26.01-18.66,37.1-16.98,21.86-39.05,36.37-66.03,42.53-17.4,3.97-35.19,4.37-53.03,2.36-14.37-1.62-27.88-5.87-40.8-12.11-18.1-8.75-32.81-21.48-44.26-38.01-13.03-18.81-19.78-39.76-22.14-62.38-1.94-18.65-1.37-37.17,3.22-55.3,9.22-36.45,29.51-64.48,64.11-80.91,12.9-6.12,26.56-9.69,40.84-11.14,25.79-2.62,51.01-.56,74.78,10.23,35.1,15.93,56.55,43.16,65.14,80.72,3.1,13.57,4.31,27.24,3.77,41.07-.22,5.67-1.16,11.32-1.83,17.48h-185.69c1.77,17.25,7.48,32.04,20.34,43.4,8.69,7.67,18.76,12.32,30.36,14.05,13.75,2.04,26.7.23,39.06-6.13,9.18-4.72,15.3-12.33,20.57-20.9.84-1.37,2.87-2.84,4.36-2.85,21.65-.14,43.3-.03,64.94.02.32.26.63.53.95.79Zm-179.72-72.12h119.55c.94-30.01-23.84-51.27-53.26-53.66-44.59-3.63-63.45,28.53-66.29,53.66Z"
-        />
-        <path
-          style={{ fill: "currentcolor" }}
-          d="m933.64,343.29c-29.13.05-55.36-8.81-78.36-25.96-21.13-15.75-34.88-37.23-42.53-62.5-5.39-17.83-7.47-36.23-5.88-54.61,2.98-34.49,15.92-64.74,42.36-88.12,17.68-15.63,38.53-25,61.68-29.11,23.44-4.16,46.74-2.98,69.5,4,31.08,9.53,54.98,28.29,71.16,56.73,9.83,17.28,14.44,35.81,16.12,55.54,2.47,29.03-2.14,56.41-17.06,81.55-19.6,33.03-49.17,52.21-86.5,59.53-9.97,1.95-20.32,2.02-30.49,2.95Zm68.35-132.07c-.45-5.75-.81-11.5-1.38-17.24-2.74-27.74-25.13-52.99-54.98-56.38-21.19-2.4-38.97,2.98-53.92,17.8-14.89,14.76-18.64,33.95-19.88,53.71-.48,7.59.77,15.39,2,22.97,1.66,10.24,5.08,20.05,11.27,28.48,15.18,20.67,35.42,29.17,61.03,25.17,18.68-2.92,33.17-11.92,43.67-27.55,9.57-14.24,12.2-30.2,12.19-46.97Z"
-        />
-        <path
-          style={{ fill: "currentcolor" }}
-          d="m140.98,73.21c-44.78-.04-89.56-.09-134.34-.13-1.99,0-3.97,0-6.3,0V19.17h217.52c.08,1.34.23,2.76.23,4.19.02,10.81-.53,21.66.18,32.42.58,8.84-2.02,16.06-6.85,23.25-35.65,53.08-71.13,106.29-106.59,159.49-9.73,14.59-19.23,29.34-28.84,44.01-.31.47-.62.93-.93,1.4.35.16.7.32,1.06.48,45.12.04,90.25.09,135.37.13,1.98,0,3.97,0,6.28,0v53.92H0c0-5.44,0-10.86,0-16.28,0-4.49,0-8.98,0-13.48q0-20.79,11.38-37.78c27.16-40.8,54.3-81.62,81.4-122.46,15.56-23.45,31.05-46.94,46.56-70.42.63-.96,1.18-1.97,1.77-2.96.3-.46.61-.93.91-1.39l-1.04-.49Z"
-        />
-        <path
-          style={{ fill: "currentcolor" }}
-          d="m1086.41,345.59v-32.67c0-7.82.1-15.64-.05-23.45-.06-3.03.54-4.99,3.46-6.78,17.11-10.57,26.3-26.22,29.88-45.9,3.07-16.87,2.32-33.4-2.33-49.69-4.44-15.53-14.24-27.24-27.83-35.9-1.31-.83-2.94-2.52-2.96-3.82-.19-19.28-.13-38.57-.13-58.26,33.75,7.22,60.76,23.95,79.97,52.55,11.6,17.28,18.04,36.33,20.17,57.05,2.79,27.16.85,53.65-11.38,78.43-18.25,36.97-48.34,59.07-88.78,68.43Z"
-        />
-        <path
-          style={{ fill: "currentcolor" }}
-          d="m1209.99,95.7c26.16,10.84,46.13,27.38,60.49,50.95,16,26.28,19.87,55.06,17.72,84.8-2.16,29.93-13.73,56.28-34.6,78.13-12.16,12.73-26.72,22.09-43.61,28.85,0-3.78,0-7.22,0-10.65,0-19.47-.14-38.94.11-58.41.04-3.25,1.25-6.72,2.74-9.68,4.87-9.69,7.71-19.72,8.84-30.63,1.33-12.78.87-25.27-2.37-37.55-1.69-6.43-4.88-12.47-7.37-18.69-.67-1.67-1.86-3.35-1.87-5.03-.12-23.78-.08-47.56-.08-72.1Z"
-        />
-      </svg>
-    </>
+    <Image
+      src={"./logo.svg"}
+      alt=""
+      width={160}
+      height={80}
+      className="nx-logo"
+    />
   ),
   darkMode: true,
   project: {