styles(css): update padding-right

halvaradop · halvaradop · commit 0999b8ccd5bf · 2025-06-15T11:12:32.000-05:00
diff --git a/app/src/app/layout.tsx b/app/src/app/layout.tsx
@@ -43,7 +43,7 @@ export default function RootLayout({ children }: LayoutProps) {
     return (
         <html className="scroll-smooth" lang="en">
             <body
-                className={`${inter.className} min-h-screen antialiased relative overflow-x-hidden bg-black scrollbar:w-2 track:my-2 thumb:rounded thumb:bg-gray-100 has-[header.open]:scroll:bg-gray-300`}
+                className={`${inter.className} max-w-dvw min-h-screen antialiased relative overflow-x-hidden bg-black scrollbar:w-2 track:my-2 thumb:rounded thumb:bg-gray-100 has-[header.open]:scroll:bg-gray-300`}
             >
                 <Header />
                 {children}
diff --git a/app/src/lib/@types/props.ts b/app/src/lib/@types/props.ts
@@ -95,4 +95,4 @@ export interface SectionLayoutProps extends PropsWithChildren {
 
 export interface HeaderMenuProps {
     onLinkClick: MouseEventHandler
-}
+}
diff --git a/app/src/ui/globals.css b/app/src/ui/globals.css
@@ -69,7 +69,7 @@ It is generating errors to load animations styles
 
         body:has(> header.open) {
             overflow-y: hidden;
-            padding-right: 0.2rem;
+            padding-right: 0.5rem;
         }
 
         main {

Original file line number	Diff line number	Diff line change
`@@ -43,7 +43,7 @@ export default function RootLayout({ children }: LayoutProps) {`
`43`	`43`	`return (`
`44`	`44`	`<html className="scroll-smooth" lang="en">`
`45`	`45`	`<body`
`46`		- className={`${inter.className} min-h-screen antialiased relative overflow-x-hidden bg-black scrollbar:w-2 track:my-2 thumb:rounded thumb:bg-gray-100 has-[header.open]:scroll:bg-gray-300`}
	`46`	+ className={`${inter.className} max-w-dvw min-h-screen antialiased relative overflow-x-hidden bg-black scrollbar:w-2 track:my-2 thumb:rounded thumb:bg-gray-100 has-[header.open]:scroll:bg-gray-300`}
`47`	`47`	`>`
`48`	`48`	`<Header />`
`49`	`49`	`{children}`
Original file line number	Diff line number	Diff line change
`@@ -69,7 +69,7 @@ It is generating errors to load animations styles`
`69`	`69`
`70`	`70`	`body:has(> header.open) {`
`71`	`71`	`overflow-y: hidden;`
`72`		`- padding-right: 0.2rem;`
	`72`	`+ padding-right: 0.5rem;`
`73`	`73`	`}`
`74`	`74`
`75`	`75`	`main {`