soheilkhaledabadi/persian-ping-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat : update layoutMain and add max width and change class css(glass)

Browse Source
This commit is contained in:
alij
2024-06-11 03:15:19 -07:00
parent a551b095ac
commit 27d496868c
2 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/index.css
View File

@@ -37,8 +37,7 @@
color: #fff; color: #fff;
} }
.glass { .glass {
@apply backdrop-blur-[1px] backdrop-saturate-[100%] bg-[rgba(17,25,40,0.25)] rounded-xl; @apply bg-[rgba(17,25,40,0.25)] rounded-xl;
-webkit-backdrop-filter: blur(1px) saturate(10%);
} }
/* برای مرورگرهای WebKit (مثل Chrome و Safari) */ /* برای مرورگرهای WebKit (مثل Chrome و Safari) */
::-webkit-scrollbar { ::-webkit-scrollbar {

18
src/layout/index.tsx
View File

@@ -7,16 +7,16 @@ const Layout = () => {
return ( return (
<> <>
<Particle /> <Particle />
<div <div className={`relative bg-noisy w-full min-h-screen`}>
className={`relative bg-noisy w-full flex flex-col justify-between min-h-screen`} <div className="relative max-w-[1400px] mx-auto h-full flex flex-col justify-between">
> <div className="relative w-full h-full">
<div className="relative w-full h-full"> <Header />
<Header /> <main className="w-full h-full px-5 py-0">
<main className="w-full h-full px-5 py-0"> <Outlet />
<Outlet /> </main>
</main> </div>
<Footer />
</div> </div>
<Footer />
</div> </div>
</> </>
); );