Fix layout

LeviEyal · LeviEyal · commit be10775f4fb3 · 2024-08-29T13:37:54.000+03:00
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -64,7 +64,7 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning dir="rtl">
       <body
-        className={`relative ${fredoka.className} flex select-none flex-col bg-gray-100 max-w-[500px] mx-auto ring-1 ring-gray-400`}
+        className={`${fredoka.className} flex select-none flex-col bg-gray-100 max-w-[500px] mx-auto`}
       >
         <ThemeProvider attribute="class">
           <ConvexClientProvider>
diff --git a/components/AppFooter.tsx b/components/AppFooter.tsx
@@ -37,7 +37,7 @@ export const AppFooter = () => {
   const pathname = usePathname();
 
   return (
-    <footer className="gap-3 absolute left-0 bottom-0 z-40 flex h-16 w-full items-center justify-evenly bg-pink-600 shadow text-white">
+    <footer className="gap-3 fixed left-auto bottom-0 z-40 flex h-16 max-w-[500px] w-full items-center justify-evenly bg-pink-600 shadow text-white">
       <MenuItem
         title="דף הבית"
         link="/"
diff --git a/components/header.tsx b/components/header.tsx
@@ -12,7 +12,7 @@ import Image from "next/image";
 export const Header = () => {
   return (
     <header
-      className="absolute left-0 top-0 z-40 flex h-20 w-full items-center justify-between px-2 text-white shadow"
+      className="fixed left-auto top-0 z-40 flex h-20 max-w-[500px] w-full items-center justify-between px-2 text-white shadow"
       style={{
         backgroundImage:
           "url(data:image/gif;base64,R0lGODdhWAICAMIFAM0Mg9ojd+g3bPNKYP9cWv///////////ywAAAAAWAICAAADVwi63P4wykmrvSHrzbv/YCiOZGkKaKqubOu+cCzPdD3ceK7vfO//wKBwSCQYj8ikcslsOp/QqHR6qVqv2CzGxO16v+BSbUwum882onrNbruH07h8Tq9PEwA7)",
diff --git a/public/sw.js.map b/public/sw.js.map

Original file line number	Diff line number	Diff line change
`@@ -64,7 +64,7 @@ export default function RootLayout({`
`64`	`64`	`return (`
`65`	`65`	`<html lang="en" suppressHydrationWarning dir="rtl">`
`66`	`66`	`<body`
`67`		- className={`relative ${fredoka.className} flex select-none flex-col bg-gray-100 max-w-[500px] mx-auto ring-1 ring-gray-400`}
	`67`	+ className={`${fredoka.className} flex select-none flex-col bg-gray-100 max-w-[500px] mx-auto`}
`68`	`68`	`>`
`69`	`69`	`<ThemeProvider attribute="class">`
`70`	`70`	`<ConvexClientProvider>`