Closed sristy17 closed 1 month ago
The latest updates on your projects. Learn more about Vercel for Git ↗︎
Name | Status | Preview | Comments | Updated (UTC) |
---|---|---|---|---|
automarket-s42l | ✅ Ready (Inspect) | Visit Preview | 💬 Add feedback | Jul 6, 2024 5:45am |
@sristy17 add the tag in src/app/layout.tsx
file at the end of
I have tested it on my machine and it is working
I have tested it on my machine and it is working
Thanks will try for sure!
@sristy17 add the
tag in
src/app/layout.tsx
file at the end of tag and remove it from other files. This will keep the footer on every page since it will then be defined in the layout.
M still not getting! How to add this just a hint!
Just add footer.tsx in _components and add that footer in the layout file. Also, the footer will be visible after scrolling to the bottom only.
src/app/layout.tsx
should look like this:
import "~/styles/globals.css";
import { Inter } from "next/font/google";
// import { TRPCReactProvider } from "~/trpc/react";
const inter = Inter({
subsets: ["latin"],
variable: "--font-sans",
});
export const metadata = {
title: "AutoMarket",
description: "The Web Platform for Micro-automations",
icons: [{ rel: "icon", url: "/favicon.ico" }],
};
import Footer from "./_components/footer";
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<html lang="en">
<body className={`font-sans ${inter.variable}`}>
<>{children}</>
<Footer/>
</body>
</html>
);
}
Just add footer.tsx in _components and add that footer in the layout file. Also, the footer will be visible after scrolling to the bottom only.
src/app/layout.tsx
should look like this:import "~/styles/globals.css"; import { Inter } from "next/font/google"; // import { TRPCReactProvider } from "~/trpc/react"; const inter = Inter({ subsets: ["latin"], variable: "--font-sans", }); export const metadata = { title: "AutoMarket", description: "The Web Platform for Micro-automations", icons: [{ rel: "icon", url: "/favicon.ico" }], }; import Footer from "./_components/footer"; export default function RootLayout({ children, }: { children: React.ReactNode; }) { return ( <html lang="en"> <body className={`font-sans ${inter.variable}`}> <>{children}</> <Footer/> </body> </html> ); }
Hey i need a help, if you dont mind can we connect on discord?
sure, just ping on this username: pratham
Just add footer.tsx in _components and add that footer in the layout file. Also, the footer will be visible after scrolling to the bottom only.
src/app/layout.tsx
should look like this:import "~/styles/globals.css"; import { Inter } from "next/font/google"; // import { TRPCReactProvider } from "~/trpc/react"; const inter = Inter({ subsets: ["latin"], variable: "--font-sans", }); export const metadata = { title: "AutoMarket", description: "The Web Platform for Micro-automations", icons: [{ rel: "icon", url: "/favicon.ico" }], }; import Footer from "./_components/footer"; export default function RootLayout({ children, }: { children: React.ReactNode; }) { return ( <html lang="en"> <body className={`font-sans ${inter.variable}`}> <>{children}</> <Footer/> </body> </html> ); }
Hey i need a help, if you dont mind can we connect on discord?
Description
Adding Footer
Fixes #35
Type of change
Checklist: