chore: small changes in the layaout

Franqsanz · Jul 18, 2024 · b5ad960 · b5ad960
1 parent 8be9326
commit b5ad960
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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'