fix:create job page ui fix for mobile screen (#515)

code100x · Oct 19, 2024 · b1f296c · b1f296c
1 parent aee51e6
commit b1f296c
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/job-form.tsx b/src/components/job-form.tsx
@@ -215,7 +215,7 @@ const PostJobForm = () => {
   if (session.status === 'loading') return null;
 
   return (
-    <div className="flex flex-col items-center w-[30rem] gap-y-10 justify-center mb-20">
+    <div className="flex flex-col items-center w-full  md:w-[30rem] gap-y-10 justify-center mb-20">
       <div className="w-full md:justify-center mt-4 flex flex-col md:flex-row gap-2">
         <div className="bg-gray-800/90 backdrop-blur-sm p-4 rounded-lg text-center text-white w-full md:w-48">
           <CalendarIcon className="w-8 h-8 mb-3 mx-auto text-green-500" />