gitea/amati
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Pull Request branch dev-clone to main #1

Merged
gitea merged 429 commits from dev-clone into main 2024-12-23 09:31:34 +00:00
Conversation 0 Commits 429 Files Changed 142 +9 -6
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 97b47415ee - Show all commits

15
apps/frontend/src/modules/assessmentManagement/fileUpload/fileUpload.tsx
View File

@ -1,6 +1,6 @@
import React, { useRef } from 'react';
import { TbUpload } from 'react-icons/tb';
import { Text, Stack, Group, CloseButton, Flex } from '@mantine/core';
import { Text, Stack, Group, Flex } from '@mantine/core';
import FileSizeValidationModal from "@/modules/assessmentManagement/modals/FileSizeValidationModal";
interface Question {
@ -41,7 +41,7 @@ const FileUpload: React.FC<FileUploadProps> = ({
const fileInputRef = useRef<HTMLInputElement>(null);
return (
<div className="mx-11">
<div className="mx-11 sm:mx-8 md:mx-11">
{question.needFile && (
<div
className={`pt-5 pb-5 pr-5 pl-5 border-2 rounded-lg border-dashed ${dragActive ? "bg-gray-100" : "bg-transparent"} shadow-lg`}
@ -54,11 +54,14 @@ const FileUpload: React.FC<FileUploadProps> = ({
}}
>
<Flex align="center" justify="space-between" gap="sm">
<TbUpload size={24} style={{ marginLeft: "8px", marginRight: "8px" }} />
{/* Upload Icon */}
<TbUpload size={24} className="text-gray-500 md:w-6 md:h-6" />
<div className="flex-grow text-right">
<Text className="font-bold">Klik untuk unggah atau geser file disini</Text>
<Text className="text-sm text-gray-400">PNG, JPG, PDF</Text>
<Text className="text-sm text-gray-400">(Max.File size : 64 MB)</Text>
<Text className="font-bold text-xs sm:text-sm md:text-base">
Klik untuk unggah atau geser file disini
</Text>
<Text className="text-xs sm:text-sm text-gray-400">PNG, JPG, PDF</Text>
<Text className="text-xs sm:text-sm text-gray-400">(Max.File size : 64 MB)</Text>
</div>
</Flex>
<input