fix styling

2025-03-20 22:27:42 +05:30
parent 895cccd231
commit 7212435ad0
2 changed files with 24 additions and 8 deletions
@@ -237,6 +237,7 @@ function UploadPage() {
              : "transparent",
            transition: "all 0.3s ease",
            cursor: "pointer",
+            overflow: "auto"
          }}
          onDragOver={handleDragOver}
          onDragLeave={handleDragLeave}
@@ -253,7 +254,16 @@ function UploadPage() {
          />
          
          <CloudUploadIcon color="primary" sx={{ fontSize: 64, mb: 2 }} />
-          <Typography variant="h6" gutterBottom>
+          <Typography
+            variant="h6"
+            gutterBottom
+            sx={{
+              whiteSpace: "nowrap",
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              maxWidth: "100%", // Ensure it adapts to the box size
+            }}
+          >
            {file ? file.name : "Drop your file here or click to browse files"}
          </Typography>
          <Typography>