From b5ad96096f589a79bbb1b6ff1084085993e4b35f Mon Sep 17 00:00:00 2001
From: franco sanchez <franco_genta@hotmail.com>
Date: Thu, 18 Jul 2024 20:36:54 -0300
Subject: [PATCH] chore: small changes in the layaout

---
 src/components/nav/DesktopNav.tsx          | 9 ++++++++-
 src/components/nav/Nav.tsx                 | 2 +-
 src/components/skeletons/SkeletonDBook.tsx | 6 +++---
 src/pages/Book.tsx                         | 5 +++--
 4 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/components/nav/DesktopNav.tsx b/src/components/nav/DesktopNav.tsx
index d56c400..eb96aba 100644
--- a/src/components/nav/DesktopNav.tsx
+++ b/src/components/nav/DesktopNav.tsx
@@ -72,7 +72,14 @@ export function DesktopNav() {
         backdropBlur='12px'
         zIndex='1'
       >
-        <Flex as='nav' w='100%' justify='space-around' align='center'>
+        <Flex
+          as='nav'
+          w='100%'
+          maxW='1160px'
+          m='auto'
+          justify='space-between'
+          align='center'
+        >
           <Flex align='center'>
             <Box
               as='span'
diff --git a/src/components/nav/Nav.tsx b/src/components/nav/Nav.tsx
index d6a645c..6ce5470 100644
--- a/src/components/nav/Nav.tsx
+++ b/src/components/nav/Nav.tsx
@@ -5,7 +5,7 @@ import { MobileNav } from '@components/nav/MobileNav';
 import { DesktopNav } from '@components/nav/DesktopNav';
 
 export function Nav() {
-  const isMobile = useBreakpointValue({ base: true, md: false });
+  const isMobile = useBreakpointValue({ base: true, lg: false });
 
   return <>{isMobile ? <MobileNav /> : <DesktopNav />}</>;
 }
diff --git a/src/components/skeletons/SkeletonDBook.tsx b/src/components/skeletons/SkeletonDBook.tsx
index 6cfb385..9b1ae2b 100644
--- a/src/components/skeletons/SkeletonDBook.tsx
+++ b/src/components/skeletons/SkeletonDBook.tsx
@@ -6,11 +6,11 @@ export function SkeletonDetailsBook() {
     <>
       <Flex
         w='full'
-        maxW='1255px'
+        maxW='1170px'
         m='auto'
         px={{ base: 5, xl: 0 }}
         pt='7'
-        pb='3'
+        pb='5'
         align='center'
         justify='space-between'
       >
@@ -19,7 +19,7 @@ export function SkeletonDetailsBook() {
       </Flex>
       <Flex
         w='full'
-        maxW='1300px'
+        maxW='1170px'
         m='auto'
         mb='300px'
         align='flex-start'
diff --git a/src/pages/Book.tsx b/src/pages/Book.tsx
index 282e961..a0980be 100644
--- a/src/pages/Book.tsx
+++ b/src/pages/Book.tsx
@@ -174,7 +174,7 @@ export default function Book() {
       />
       <Flex
         w='full'
-        maxW='1255px'
+        maxW='1170px'
         m='auto'
         px={{ base: 5, xl: 0 }}
         pt='4'
@@ -232,8 +232,9 @@ export default function Book() {
         onClose={onCloseEdit}
       />
       <Flex
+        as='section'
         w='full'
-        maxW='1300px'
+        maxW='1220px'
         m='auto'
         mb={{ base: 25, md: 32 }}
         align='flex-start'