back to top button style updated

This commit is contained in:
parsa aghaei 2024-10-20 19:34:15 +03:30
parent f619f28ed5
commit b92b9fef1c

View File

@ -1,6 +1,7 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import Header from "./components/header/header"; import Header from "./components/header/header";
import Footer from "./components/footer/footer"; import Footer from "./components/footer/footer";
import { cookies } from "next/headers";
export const metadata: Metadata = { export const metadata: Metadata = {
title: { title: {
@ -14,7 +15,9 @@ export const metadata: Metadata = {
default: "parsa aghayi", default: "parsa aghayi",
}, },
description: "parsa aghayi's personal website", description: "parsa aghayi's personal website",
images: [`${process.env.NEXT_PUBLIC_FRONT_URL}/og-image?text=parsa aghayi's personal website`], images: [
`${process.env.NEXT_PUBLIC_FRONT_URL}/og-image?text=parsa aghayi's personal website`,
],
}, },
}; };
@ -35,10 +38,12 @@ export default function RootLayout({
<div className="absolute start-0 top-0 opacity-0" id="here-is-top"></div> <div className="absolute start-0 top-0 opacity-0" id="here-is-top"></div>
<a <a
href="/#here-is-top" href="/#here-is-top"
className="rotate-90 scroll-to-top fixed end-5 flex h-[50px] w-[50px] items-center bg-[rgba(0,0,0,0.05)] justify-center rounded-full border-2 p-5 hover:border-[#f3a66b] sm:bottom-[100px] sm:end-10" className="scroll-to-top fixed end-5 flex h-[50px] w-[50px] items-center justify-center rounded-full border-2 bg-[rgba(0,0,0,0.05)] p-5 hover:border-[#f3a66b] sm:bottom-[100px] sm:end-10"
id="back-to-top" id="back-to-top"
> >
<p className="w-full -mb-1 -ms-2 text-[35px] font-bold text-[rgb(128,128,128)]">{"<"}</p> <p className="-mb-[35px] -ms-[12px] w-full text-[50px] font-bold text-[rgb(128,128,128)]">
^
</p>
</a> </a>
<Header /> <Header />