feat: enhance course and organization editing interfaces with improved text formatting and layout adjustments

This commit is contained in:
swve 2025-06-01 22:23:19 +02:00
parent 7139448195
commit 40414e9478
3 changed files with 4 additions and 5 deletions

View file

@ -134,8 +134,7 @@ const CourseClient = (props: any) => {
/> />
<div className="pb-2 pt-3 flex flex-col md:flex-row justify-between items-start md:items-center"> <div className="pb-2 pt-3 flex flex-col md:flex-row justify-between items-start md:items-center">
<div> <div>
<p className="text-md font-bold text-gray-400 pb-2">Course</p> <h1 className="text-3xl md:text-3xl font-bold">{course.name}</h1>
<h1 className="text-3xl md:text-3xl -mt-3 font-bold">{course.name}</h1>
</div> </div>
</div> </div>
@ -172,7 +171,7 @@ const CourseClient = (props: any) => {
<div className="course_metadata_left space-y-2"> <div className="course_metadata_left space-y-2">
<div className=""> <div className="">
<p className="py-5 whitespace-pre-wrap">{course.about}</p> <p className="py-5 whitespace-pre-line break-words w-full leading-relaxed tracking-normal text-pretty hyphens-auto">{course.about}</p>
</div> </div>
</div> </div>
</div> </div>

View file

@ -185,7 +185,7 @@ function EditCourseGeneral(props: EditCourseStructureProps) {
<FormLabelAndMessage label="About" message={formik.errors.about} /> <FormLabelAndMessage label="About" message={formik.errors.about} />
<Form.Control asChild> <Form.Control asChild>
<Textarea <Textarea
style={{ backgroundColor: 'white' }} style={{ backgroundColor: 'white', height: '200px', minHeight: '200px' }}
onChange={formik.handleChange} onChange={formik.handleChange}
value={formik.values.about} value={formik.values.about}
required required

View file

@ -205,7 +205,7 @@ const OrgEditGeneral: React.FC = () => {
value={values.about} value={values.about}
onChange={handleChange} onChange={handleChange}
placeholder="Detailed description of your organization" placeholder="Detailed description of your organization"
className="min-h-[150px]" className="min-h-[250px]"
maxLength={400} maxLength={400}
/> />
{touched.about && errors.about && ( {touched.about && errors.about && (