Dev

src/components/general/ClassroomCard.tsx

@@ -2,7 +2,7 @@
 
 import { CDN_URL } from '@/constants/constants';
 import type { IClassroom } from '@/types/IClassroomCard';
-import { Box, Button, Card, CardBody, Flex, Heading, Image, Stack, Text } from '@chakra-ui/react';
+import { Box, Button, Card, CardBody, Flex, Heading, Image, Spacer, Stack, Text } from '@chakra-ui/react';
 import { useRouter } from 'next/navigation';
 import { FiUsers } from 'react-icons/fi';
 
@@ -33,18 +33,19 @@ export default function ClassroomCard({ item }: Readonly<{ item: IClassroom }>)
 			</Box>
 
 			<CardBody>
-				<Stack spacing={4}>
+				<Stack spacing={4} h='100%'>
 					<Heading
 						size='md'
-						noOfLines={2}
+						noOfLines={1}
 						transition='color 0.3s ease'
 						_groupHover={{ color: 'brand.primary.400' }}
 					>
 						{item.name}
 					</Heading>
-					<Text fontSize='sm' noOfLines={2}>
+					<Text fontSize='sm' noOfLines={1}>
 						{item.description || 'Sin descripción.'}
 					</Text>
+					<Spacer />
 					<Flex justify='space-between' align='center'>
 						<Flex align='center' gap={2}>
 							<FiUsers />

src/components/modals/CreateActivityModal.tsx

@@ -169,7 +169,7 @@ export default function CreateActivityModal({
 
 						<FormControl isRequired>
 							<FormLabel>Descripción</FormLabel>
-							<Textarea
+							<Input
 								placeholder='Describe la actividad...'
 								value={formData.description}
 								onChange={(e) => setFormData({ ...formData, description: e.target.value })}
@@ -181,7 +181,6 @@ export default function CreateActivityModal({
 									borderColor: 'brand.primary.500',
 									boxShadow: '0 0 0 1px var(--chakra-colors-brand-primary-500)'
 								}}
-								rows={4}
 							/>
 						</FormControl>
 

src/components/modals/CreateClassModal.tsx

@@ -123,7 +123,7 @@ export default function CreateClassModal({ isOpen, onClose }: Readonly<CreateCla
 
 						<FormControl isRequired>
 							<FormLabel>Descripción</FormLabel>
-							<Textarea
+							<Input
 								placeholder='Describe tu clase...'
 								value={formData.description}
 								onChange={(e) => setFormData({ ...formData, description: e.target.value })}
@@ -135,7 +135,6 @@ export default function CreateClassModal({ isOpen, onClose }: Readonly<CreateCla
 									borderColor: 'brand.primary.500',
 									boxShadow: '0 0 0 1px var(--chakra-colors-brand-primary-500)'
 								}}
-								rows={4}
 							/>
 						</FormControl>