xevion/xevion.dev
1
0
Fork 0
mirror of https://github.com/Xevion/xevion.dev.git synced 2025-12-10 20:09:11 -06:00
Code Issues Packages Projects Releases Wiki Activity

Improve mobile spacing of WIP, add colorful text clipped gradient

Browse Source
This commit is contained in:
Xevion
2022-12-30 20:50:27 -06:00
parent 7426450ce9
commit cf964b1d8e
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/WorkInProgress.tsx
View File

@@ -3,13 +3,15 @@ import type {FunctionComponent} from "react";
const WorkInProgress: FunctionComponent = () => {
return <div className="w-full my-10 flex justify-center">
<div
className="bg-zinc-850 border border-zinc-700 rounded-md max-w-screen-md w-full m-1 p-5 flex flex-col items-center justify-center">
<p className="font-semibold text-3xl sm:text-4xl pb-2">Work In Progress</p>
className="bg-zinc-850 border border-zinc-700 rounded-md max-w-[23rem] sm:max-w-[25rem] mx-3 w-full p-5 flex flex-col items-center justify-center">
<span className="bg-gradient-to-r from-orange-500 via-fuchsia-600 to-cyan-500 text-transparent font-semibold bg-clip-text text-3xl sm:text-4xl pb-2 text-center">
Work In Progress
</span>
<p className="text-lg text-center">
This website is a work-in progress.
<br/>
Unfortunately, this page hasn&apos;t been finished yet. Check back later.
</p>
</p>
</div>
</div>
}