refactor(contact): updated radius for contact-us page

- added cursor-pointer for all buttons

Author: Vatsal6288

src/components/blocks/contact-us/contact-form.tsx

@@ -14,12 +14,7 @@ const ContactForm = () => {
       <div className='space-y-2'>
         <Label htmlFor='username'>Your Name</Label>
         <div className='relative'>
-          <Input
-            id='username'
-            type='text'
-            placeholder='Enter your name here...'
-            className='peer h-10 rounded-lg pr-9'
-          />
+          <Input id='username' type='text' placeholder='Enter your name here...' className='peer h-10 pr-9' />
           <div className='text-muted-foreground pointer-events-none absolute inset-y-0 right-0 flex items-center justify-center pr-3 peer-disabled:opacity-50'>
             <UserIcon className='size-4' />
             <span className='sr-only'>Name</span>
@@ -31,7 +26,7 @@ const ContactForm = () => {
       <div className='space-y-2'>
         <Label htmlFor='email'>Your Email</Label>
         <div className='relative'>
-          <Input id='email' type='email' placeholder='Enter your email here...' className='peer h-10 rounded-lg pr-9' />
+          <Input id='email' type='email' placeholder='Enter your email here...' className='peer h-10 pr-9' />
           <div className='text-muted-foreground pointer-events-none absolute inset-y-0 right-0 flex items-center justify-center pr-3 peer-disabled:opacity-50'>
             <MailIcon className='size-4' />
             <span className='sr-only'>Email</span>
@@ -43,12 +38,7 @@ const ContactForm = () => {
       <div className='space-y-2'>
         <Label htmlFor='subject'>Phone Number</Label>
         <div className='relative'>
-          <Input
-            id='subject'
-            type='text'
-            placeholder='Enter your phone number here...'
-            className='peer h-10 rounded-lg pr-9'
-          />
+          <Input id='subject' type='text' placeholder='Enter your phone number here...' className='peer h-10 pr-9' />
           <div className='text-muted-foreground pointer-events-none absolute inset-y-0 right-0 flex items-center justify-center pr-3 peer-disabled:opacity-50'>
             <PhoneIcon className='size-4' />
             <span className='sr-only'>Phone</span>
@@ -59,11 +49,11 @@ const ContactForm = () => {
       {/* Message Input */}
       <div className='space-y-2'>
         <Label htmlFor='message'>Message</Label>
-        <Textarea id='message' className='h-28 resize-none rounded-xl' placeholder='Enter your message' />
+        <Textarea id='message' className='h-28 resize-none' placeholder='Enter your message' />
       </div>
 
       {/* Submit Button */}
-      <Button type='submit' size='lg' className='w-full rounded-xl text-base'>
+      <Button type='submit' size='lg' className='w-full text-base'>
         Send Your Message
       </Button>
     </form>

src/styles/global.css

@@ -171,24 +171,6 @@
   }
 }
 
-.prose {
-  h2 {
-    @apply text-foreground mt-16 mb-4 scroll-mt-20 text-2xl font-semibold;
-  }
-  h3 {
-    @apply text-foreground mb-4 scroll-mt-20 text-xl font-medium;
-  }
-  p {
-    @apply text-muted-foreground mb-4 text-xl;
-  }
-  ul {
-    @apply mb-4 list-inside list-disc space-y-2 pl-2;
-  }
-  li {
-    @apply text-muted-foreground text-xl;
-  }
-}
-
 .prose {
   @apply max-w-none;
 
@@ -259,3 +241,7 @@
     @apply my-6 rounded-lg;
   }
 }
+
+button {
+  @apply cursor-pointer;
+}