minor style tweaks

BuidlGuidl · Mar 14, 2024 · f9a4250 · f9a4250
1 parent 1b2f074
commit f9a4250
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/nextjs/app/apply/_component/Form.tsx b/packages/nextjs/app/apply/_component/Form.tsx
@@ -63,12 +63,12 @@ const Form = () => {
   };
 
   return (
-    <div className="card card-compact w-96 bg-base-100 shadow-xl">
-      <form action={clientFormAction} className="card-body space-y-4">
+    <div className="card card-compact rounded-xl w-96 bg-secondary shadow-lg">
+      <form action={clientFormAction} className="card-body space-y-3">
         <h2 className="card-title self-center text-3xl !mb-0">Submit Proposal</h2>
         <div className="space-y-2">
           <p className="m-0 text-xl ml-2">Title</p>
-          <div className="flex border-2 border-base-300 bg-base-200 rounded-full text-accent">
+          <div className="flex border-2 border-base-300 bg-base-200 rounded-xl text-accent">
             <input
               className="input input-ghost focus-within:border-transparent focus:outline-none focus:bg-transparent focus:text-gray-400 h-[2.2rem] min-h-[2.2rem] px-4 border w-full font-medium placeholder:text-accent/50 text-gray-400"
               placeholder="title"
@@ -80,7 +80,7 @@ const Form = () => {
         </div>
         <div className="space-y-2">
           <p className="m-0 text-xl ml-2">Description</p>
-          <div className="flex border-2 border-base-300 bg-base-200 rounded-3xl text-accent">
+          <div className="flex border-2 border-base-300 bg-base-200 rounded-xl text-accent">
             <textarea
               className="input input-ghost focus-within:border-transparent focus:outline-none focus:bg-transparent focus:text-gray-400 px-4 pt-2 border w-full font-medium placeholder:text-accent/50 text-gray-400 h-28 rounded-none"
               placeholder="description"

diff --git a/packages/nextjs/app/apply/page.tsx b/packages/nextjs/app/apply/page.tsx
@@ -3,7 +3,7 @@ import { NextPage } from "next";
 
 const SubmitGrant: NextPage = () => {
   return (
-    <div className="flex items-center flex-col flex-grow text-center pt-10 md:pt-4 px-6">
+    <div className="flex bg-base-100 items-center flex-col flex-grow text-center pt-10 md:pt-4 px-6">
       <h1 className="text-3xl sm:text-4xl font-bold mb-4">Apply for a Community Grant</h1>
       <p className="text-md mb-0 max-w-xl">
         As a BuidlGuidl member, you can build projects to make a significant impact on the ecosystem, and get