chore: layout fixes

silviyaboteva · silviyaboteva · commit 54ee135a21e7 · 2024-12-02T12:32:59.000+02:00
diff --git a/examples/ecommerce-jewellery-store/package-lock.json b/examples/ecommerce-jewellery-store/package-lock.json
diff --git a/examples/kendo-react-e-commerce-astro-app/src/components/Header.tsx b/examples/kendo-react-e-commerce-astro-app/src/components/Header.tsx
@@ -79,7 +79,7 @@ const Header: React.FC = () => {
           className="k-flex-basis-0 k-flex-grow k-gap-2 k-align-items-center"
           style={{ paddingLeft: "50px" }}
         >
-          <a href="/" className="k-d-sm-flex" style={{ marginRight: "50px" }}>
+          <a href="/kendo-react/kendo-react-e-commerce-astro-app/" className="k-d-sm-flex" style={{ marginRight: "50px" }}>
             <img
               src="/kendo-react/kendo-react-e-commerce-astro-app/vilora-logo.png"
               alt="Logo"
diff --git a/examples/kendo-react-e-commerce-astro-app/src/components/Home.tsx b/examples/kendo-react-e-commerce-astro-app/src/components/Home.tsx
@@ -34,7 +34,7 @@ const Home: React.FC = () => {
   const isAdminValue = useStore(isAdmin);
 
   return (
-    <>
+    <div className="k-m-auto" style={{ maxWidth: 1280 }}>
       <BackgroundImage
         title={title}
         subtitle={subtitle}
@@ -121,7 +121,7 @@ const Home: React.FC = () => {
           </Layout>
         </>
       )}
-    </>
+    </div>
   );
 };
 
diff --git a/examples/kendo-react-e-commerce-astro-app/src/layouts/Layout.astro b/examples/kendo-react-e-commerce-astro-app/src/layouts/Layout.astro
@@ -58,16 +58,10 @@
        top: auto;
        z-index: 1000; 
       }
-
-      body.sized-parent {
-        max-width: 1280px;
-        margin: auto;
-      }
-      
     </style>
     <slot name="head" />
   </head>
-  <body class="k-body sized-parent">
+  <body class="k-body">
     <slot />
   </body>
 </html>

Original file line number	Diff line number	Diff line change
`@@ -79,7 +79,7 @@ const Header: React.FC = () => {`
`79`	`79`	`className="k-flex-basis-0 k-flex-grow k-gap-2 k-align-items-center"`
`80`	`80`	`style={{ paddingLeft: "50px" }}`
`81`	`81`	`>`
`82`		`- <a href="/" className="k-d-sm-flex" style={{ marginRight: "50px" }}>`
	`82`	`+ <a href="/kendo-react/kendo-react-e-commerce-astro-app/" className="k-d-sm-flex" style={{ marginRight: "50px" }}>`
`83`	`83`	`<img`
`84`	`84`	`src="/kendo-react/kendo-react-e-commerce-astro-app/vilora-logo.png"`
`85`	`85`	`alt="Logo"`