diff --git a/frontend/src/views/GradeCard.tsx b/frontend/src/views/GradeCard.tsx index a3ebb26..125cec5 100644 --- a/frontend/src/views/GradeCard.tsx +++ b/frontend/src/views/GradeCard.tsx @@ -1,4 +1,3 @@ -import { useEffect } from 'react' import { useForm, Controller } from 'react-hook-form' import { useMutation, useQuery } from 'react-query' import { useParams } from 'react-router-dom' @@ -13,7 +12,7 @@ import { gradeOptions } from '../utils/gradeCard' import styles from './GradeCard.module.css' const GradeCard = () => { - const { register, handleSubmit, setValue, control, formState } = useForm() + const { handleSubmit, setValue, control } = useForm() const { id } = useParams<{ id: string }>() const [supervisorId] = useLocalStorageState('userId') @@ -133,10 +132,16 @@ const GradeCard = () => { overflow: 'visible', textOverflow: 'initial', whiteSpace: 'initial', + display: '-webkit-box', + '-webkit-line-clamp': '2', + '-webkit-box-orient': 'vertical', }), placeholder: (styles: any) => ({ ...styles, color: 'black', + display: '-webkit-box', + '-webkit-line-clamp': '2', + '-webkit-box-orient': 'vertical', }), } } @@ -144,9 +149,9 @@ const GradeCard = () => { return (