github/pse.dev
1
1
Fork 0
mirror of https://github.com/privacy-scaling-explorations/pse.dev.git synced 2026-04-23 03:01:03 -04:00
Code Issues Packages Projects Releases Wiki Activity

page header gradient

Browse Source
This commit is contained in:
Kalidou Diagne
2024-03-19 15:41:20 +00:00
parent 8436b073ee
commit fc39b391aa
2 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/page-header.tsx
View File

@@ -23,7 +23,7 @@ const PageHeader = ({
image,
}: PageHeaderProps) => {
return (
<div className="bg-second-gradient">
<div className="bg-cover-gradient">
<AppContent className="flex w-full flex-col gap-14 py-12 md:py-20">
<div className="flex flex-col items-start justify-between gap-5 md:flex-row md:gap-28">
<div className="flex w-full flex-col justify-center gap-8 md:max-w-[700px] lg:gap-14">

4
tailwind.config.js
View File

@@ -22,9 +22,7 @@ module.exports = {
backgroundImage: {
"main-gradient":
"radial-gradient(114.29% 42.52% at 103.66% 58.94%, #D0F8F1 0%, #D1F3FF 18.23%, #ECF8FF 51.28%, #E1FFFA 80.21%, #D0F2FF 93.23%)",
"second-gradient":
"radial-gradient(56.07% 115.65% at 93.66% 158.94%, #D0F8F1 0%, #D1F3FF 18.23%, #ECF8FF 51.28%, #E1FFFA 80.21%, #D0F2FF 93.23%)",
"cover-gradient": "linear-gradient(84deg, #FFF -1.95%, #C2E8F5 59.98%, #FFF 100.64%)",
"classic-gradient": "radial-gradient(325.52% 79.63% at 100% -0.02%, #FFF 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(205.45% 61.89% at 2.34% 99.98%, #FFF 0%, rgba(255, 255, 255, 0.00) 100%)",
"project-page-gradient": "linear-gradient(180deg, #C2E8F5 -17.44%, #FFF 17.72%)"
},