Move github btn to the left

mockoon · Oct 2, 2024 · a382e80 · a382e80
1 parent dc62f65
commit a382e80
Show file tree

Hide file tree

Showing 3 changed files with 29,658 additions and 12,983 deletions.
diff --git a/components/github.tsx b/components/github.tsx
@@ -3,14 +3,17 @@ import GitHubButton from 'react-github-btn';
 
 const GitHub: FunctionComponent = function () {
   return (
-    <GitHubButton
-      href='https://github.com/mockoon/mockoon'
-      data-size='large'
-      data-show-count='true'
-      aria-label='Star Mockoon on GitHub'
-    >
-      Star
-    </GitHubButton>
+    <div className='mt-2'>
+      <GitHubButton
+        href='https://github.com/mockoon/mockoon'
+        data-color-scheme='no-preference: light; light: light; dark: light;'
+        data-size='large'
+        data-show-count='true'
+        aria-label='Star mockoon/mockoon on GitHub'
+      >
+        Star
+      </GitHubButton>
+    </div>
   );
 };
 

diff --git a/components/nav.tsx b/components/nav.tsx
@@ -78,6 +78,10 @@ const Nav: FunctionComponent = function () {
               </li>
             )}
 
+            <li className='nav-item'>
+              <GitHub />
+            </li>
+
             <li className='nav-item'>
               <DocSearch
                 appId='HV1IDAB8IU'
@@ -381,10 +385,6 @@ const Nav: FunctionComponent = function () {
               </Link>
             </li>
 
-            <li className='nav-item'>
-              <GitHub />
-            </li>
-
             <li
               className='nav-item dropdown text-center'
               onMouseEnter={() => {