style: enhance upload page background gradient
This commit is contained in:
parent
13527f244b
commit
e12c6dcdab
2 changed files with 19 additions and 5 deletions
|
|
@ -43,7 +43,7 @@ export const metadata: Metadata = {
|
|||
|
||||
const page = () => {
|
||||
return (
|
||||
<div className="relative">
|
||||
<div className="relative min-h-screen">
|
||||
<Header />
|
||||
<div className="flex flex-col items-center justify-center mb-8">
|
||||
<h1 className="text-[64px] relative leading-[112%] font-semibold font-syne text-[#101323] ">
|
||||
|
|
@ -62,7 +62,14 @@ const page = () => {
|
|||
</h1>
|
||||
<p className="text-xl font-syne text-[#101323CC]">Turn prompts or documents into presentations with AI</p>
|
||||
</div>
|
||||
{/* stars */}
|
||||
<div
|
||||
className='fixed z-0 -bottom-[14.5rem] left-0 w-full h-full'
|
||||
style={{
|
||||
height: "341px",
|
||||
borderRadius: '1440px',
|
||||
background: 'radial-gradient(5.92% 104.69% at 50% 100%, rgba(122, 90, 248, 0.00) 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(50% 50% at 50% 50%, rgba(122, 90, 248, 0.80) 0%, rgba(122, 90, 248, 0.00) 100%)',
|
||||
}}
|
||||
/>
|
||||
|
||||
|
||||
<UploadPage />
|
||||
|
|
|
|||
|
|
@ -43,9 +43,9 @@ export const metadata: Metadata = {
|
|||
|
||||
const page = () => {
|
||||
return (
|
||||
<div className="relative">
|
||||
<div className="relative min-h-screen">
|
||||
<Header />
|
||||
<div className="flex flex-col items-center justify-center mb-8">
|
||||
<div className="flex flex-col items-center justify-center mb-8 ">
|
||||
<h1 className="text-[64px] relative leading-[112%] font-semibold font-syne text-[#101323] ">
|
||||
Generate
|
||||
|
||||
|
|
@ -62,8 +62,15 @@ const page = () => {
|
|||
</h1>
|
||||
<p className="text-xl font-syne text-[#101323CC]">Turn prompts or documents into presentations with AI</p>
|
||||
</div>
|
||||
{/* stars */}
|
||||
|
||||
<div
|
||||
className='fixed z-0 -bottom-[14.5rem] left-0 w-full h-full'
|
||||
style={{
|
||||
height: "341px",
|
||||
borderRadius: '1440px',
|
||||
background: 'radial-gradient(5.92% 104.69% at 50% 100%, rgba(122, 90, 248, 0.00) 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(50% 50% at 50% 50%, rgba(122, 90, 248, 0.80) 0%, rgba(122, 90, 248, 0.00) 100%)',
|
||||
}}
|
||||
/>
|
||||
|
||||
<UploadPage />
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue