Change logo (#133)

* Change logo * Add more vertical padding on desktop * Fix prettier
2023-08-10 21:44:33 -07:00
parent 76c34d64e6
commit 5277afa199
13 changed files with 41 additions and 12 deletions
--- a/app/src/components/nav/AppShell.tsx
+++ b/app/src/components/nav/AppShell.tsx
@@ -40,8 +40,15 @@ const NavSidebar = () => {
      borderRightWidth={1}
      borderColor="gray.300"
    >
-      <HStack as={Link} href="/" _hover={{ textDecoration: "none" }} spacing={0} px={2} py={2}>
-        <Image src="/logo.svg" alt="" boxSize={6} mr={4} />
+      <HStack
+        as={Link}
+        href="/"
+        _hover={{ textDecoration: "none" }}
+        spacing={{ base: 1, md: 0 }}
+        mx={2}
+        py={{ base: 1, md: 2 }}
+      >
+        <Image src="/logo.svg" alt="" boxSize={6} mr={4} ml={{ base: 0.5, md: 0 }} />
        <Heading size="md" fontFamily="inconsolata, monospace">
          OpenPipe
        </Heading>