parsa/parsaaghayi-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

some updates on styles

Browse Source
This commit is contained in:
parsa aghaei 2024-10-12 14:53:09 +03:30
parent 986faa3b5f
commit 9c7cf24151
3 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/(routes)/(website)/components/contact/contact.tsx
View File

@ -13,7 +13,7 @@ export default function Contact() {
<p className="text-center text-[18px] font-[600] text-[#000]">
{siteTexts.en.homePage.contact.description}
</p>
<div className="flex w-full flex-wrap items-center justify-center gap-[25px]">
<div className="flex w-full flex-wrap items-center justify-center gap-[25px] my-5">
<input
type="text"
className="min-w-[340px] rounded-lg border border-[#AFAFAF] bg-[#F8F8F8] p-[22px] text-[18px] font-[400] text-[#797979]"

2
src/app/(routes)/(website)/layout.tsx
View File

@ -24,7 +24,7 @@ export default function RootLayout({
<div className="absolute start-0 top-0 opacity-0" id="here-is-top"></div>
<a
href="/#here-is-top"
className="scroll-to-top fixed bottom-10 end-5 flex h-[50px] w-[50px] items-center justify-center rounded-full border-2 bg-[#fd6f00] p-5 text-center text-[25px] font-[800] text-white hover:border-[#f3a66b] sm:bottom-[100px] sm:end-10"
className="pt-10 scroll-to-top fixed end-5 flex h-[50px] w-[50px] items-center justify-center rounded-full border-2 bg-[#fd6f00] p-5 text-center text-[25px] font-[800] text-white hover:border-[#f3a66b] sm:bottom-[100px] sm:end-10"
id="back-to-top"
>
^

2
src/app/globals.css
View File

@ -70,6 +70,7 @@ html {
#back-to-top {
opacity: 0;
scale: 0;
bottom: 50px;
z-index: 1000;
-webkit-animation: back-to-top linear forwards;
animation-timeline: scroll();
@ -79,6 +80,7 @@ html {
@-webkit-keyframes back-to-top {
to {
opacity: 0.9;
bottom: 100px;
scale: 1;
}
}