From b8bfee68fe1c2df5a428839f49084c4845a6d7a0 Mon Sep 17 00:00:00 2001 From: Alpha Romer Coma Date: Sat, 12 Apr 2025 01:04:58 +0800 Subject: [PATCH 1/3] style: add gradient blobs --- src/app/utils/undertaking-generator/page.tsx | 117 +++++++++++++++++-- 1 file changed, 106 insertions(+), 11 deletions(-) mode change 100644 => 100755 src/app/utils/undertaking-generator/page.tsx diff --git a/src/app/utils/undertaking-generator/page.tsx b/src/app/utils/undertaking-generator/page.tsx old mode 100644 new mode 100755 index 71d739a..9d49662 --- a/src/app/utils/undertaking-generator/page.tsx +++ b/src/app/utils/undertaking-generator/page.tsx @@ -16,6 +16,100 @@ import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "~ import { Tabs, TabsContent, TabsList, TabsTrigger } from "~/components/ui/tabs"; import { env } from "~/env"; import { MAX_UNDERTAKING_IMG_SIZE, zodUndertaking } from "~/utils/zodUndertaking"; +const AnimatedGradientBackground = () => { + return ( +
+
+
+
+ +
+ ); +}; + export default function Component() { const [loading, setLoading] = useState(false); const [fullName, setFullName] = useState(''); @@ -57,11 +151,11 @@ export default function Component() { const handleSignatureUpload = (e: React.ChangeEvent) => { handleImgUpload(e, setSignatureImg); - } + }; const handleIdUpload = (e: React.ChangeEvent) => { handleImgUpload(e, setIdImg); - } + }; const handleCourseToggle = (courseCode: string) => { setCourses(prev => @@ -130,9 +224,10 @@ export default function Component() { }, [searchTerm]); return ( -
+
+ {loading && } -
+
FEU Tech ACM Logo
- + - Your Information - Course Selection - Compliance + Your Information + Course Selection + Compliance -