From 5abff0384c2549f761e36f2080790eed4ae9199c Mon Sep 17 00:00:00 2001
From: Valerio Ageno <valerioageno@yahoo.it>
Date: Wed, 14 Aug 2024 14:45:47 +0200
Subject: [PATCH] feat: update documentation navbar

---
 .../src/components/navbar/actions.tsx         | 26 ++++++++++---------
 .../src/components/navbar/navbar.tsx          |  8 +++---
 2 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/apps/documentation/src/components/navbar/actions.tsx b/apps/documentation/src/components/navbar/actions.tsx
index 6586057d..1dcb433a 100644
--- a/apps/documentation/src/components/navbar/actions.tsx
+++ b/apps/documentation/src/components/navbar/actions.tsx
@@ -1,4 +1,4 @@
-import { Flex, Button, ActionIcon } from '@mantine/core'
+import { Flex, Button, ActionIcon, Group } from '@mantine/core'
 import { IconBrandGithub, IconBook } from '@tabler/icons-react'
 import ThemeBtn from '../theme-btn'
 import { Link } from 'tuono'
@@ -15,17 +15,19 @@ export default function Actions(): JSX.Element {
       >
         Get started
       </Button>
-      <ActionIcon
-        variant="default"
-        size="lg"
-        aria-label="Check the project on github"
-        href="https://github.com/Valerioageno/tuono"
-        target="_blank"
-        component="a"
-      >
-        <IconBrandGithub />
-      </ActionIcon>
-      <ThemeBtn />
+      <Group gap={8} visibleFrom="sm">
+        <ActionIcon
+          variant="default"
+          size="lg"
+          aria-label="Check the project on github"
+          href="https://github.com/Valerioageno/tuono"
+          target="_blank"
+          component="a"
+        >
+          <IconBrandGithub />
+        </ActionIcon>
+        <ThemeBtn />
+      </Group>
     </Flex>
   )
 }
diff --git a/apps/documentation/src/components/navbar/navbar.tsx b/apps/documentation/src/components/navbar/navbar.tsx
index 7f470356..21b44e75 100644
--- a/apps/documentation/src/components/navbar/navbar.tsx
+++ b/apps/documentation/src/components/navbar/navbar.tsx
@@ -12,7 +12,11 @@ export default function Navbar({ opened, toggle }: NavbarProps): JSX.Element {
   return (
     <AppShell.Header p="sm">
       <Flex justify="space-between">
+        <Button component={Link} href="/" variant="transparent" p={0} fz={28}>
+          Tuono
+        </Button>
         <Flex align="center" gap={8}>
+          <Actions />
           {pathname.startsWith('/documentation') && (
             <Burger
               opened={opened}
@@ -21,11 +25,7 @@ export default function Navbar({ opened, toggle }: NavbarProps): JSX.Element {
               size="sm"
             />
           )}
-          <Button component={Link} href="/" variant="transparent" p={0} fz={28}>
-            Tuono
-          </Button>
         </Flex>
-        <Actions />
       </Flex>
     </AppShell.Header>
   )