add github icon

MusclePr · Feb 11, 2024 · a61d7fd · a61d7fd
1 parent bacd44f
commit a61d7fd
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 0 deletions.
diff --git a/docusaurus/docusaurus.config.js b/docusaurus/docusaurus.config.js
@@ -100,6 +100,13 @@ const config = {
             sidebarId: 'tutorialSidebar',
             position: 'right',
           },
+          {
+            href: 'https://github.com/thijsvanloef/palworld-server-docker',
+            'aria-label': 'GitHub',
+            className: 'navbar__icon navbar__github',
+            position: 'right',
+            html: '<i class="fa fa-github"></i>',
+          },
         ],
       },
       footer: {

diff --git a/docusaurus/package-lock.json b/docusaurus/package-lock.json
diff --git a/docusaurus/package.json b/docusaurus/package.json
@@ -18,6 +18,7 @@
     "@docusaurus/preset-classic": "3.1.1",
     "@mdx-js/react": "^3.0.0",
     "clsx": "^2.0.0",
+    "font-awesome": "^4.7.0",
     "prism-react-renderer": "^2.3.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"

diff --git a/docusaurus/src/css/custom.css b/docusaurus/src/css/custom.css
@@ -5,6 +5,35 @@
  */
 
 /* You can override the default Infima variables here. */
+@import 'font-awesome/css/font-awesome.min.css';
+
+.navbar__icon {
+  height: 2rem;
+  width: 2rem;
+}
+
+.navbar__github {
+  -webkit-tap-highlight-color: transparent;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  font-size: 1.4rem;
+  transition: background var(--ifm-transition-fast);
+}
+
+html[data-theme='light'] .navbar__github {
+  color: #000;
+}
+
+html[data-theme='dark'] .navbar__github {
+  color: #fff;
+}
+
+.navbar__github:hover {
+  background: var(--ifm-color-emphasis-200);
+}
+
 :root {
   --ifm-color-primary: #2e8555;
   --ifm-color-primary-dark: #29784c;