update benchmark createForm text ellipsis
Browse files
frontend/src/components/Benchmark/CreateForm.jsx
CHANGED
|
@@ -272,7 +272,8 @@ function CreateForm({ onStartGeneration }) {
|
|
| 272 |
{/* Zone de glisser-déposer pour les fichiers */}
|
| 273 |
<Box
|
| 274 |
sx={{
|
| 275 |
-
flex: 1,
|
|
|
|
| 276 |
p: 4,
|
| 277 |
mt: 2,
|
| 278 |
borderRadius: 1.5,
|
|
@@ -311,7 +312,17 @@ function CreateForm({ onStartGeneration }) {
|
|
| 311 |
<InsertDriveFileIcon
|
| 312 |
sx={{ fontSize: 50, color: "primary.main", mb: 1 }}
|
| 313 |
/>
|
| 314 |
-
<Typography
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 315 |
{selectedDocument.name}
|
| 316 |
</Typography>
|
| 317 |
<Typography variant="body2" color="text.secondary">
|
|
@@ -342,7 +353,8 @@ function CreateForm({ onStartGeneration }) {
|
|
| 342 |
{/* Champ d'entrée URL */}
|
| 343 |
<Box
|
| 344 |
sx={{
|
| 345 |
-
flex: 1,
|
|
|
|
| 346 |
p: 4,
|
| 347 |
mt: { xs: 0, sm: 2 },
|
| 348 |
borderRadius: 1.5,
|
|
@@ -367,7 +379,7 @@ function CreateForm({ onStartGeneration }) {
|
|
| 367 |
gutterBottom
|
| 368 |
noWrap
|
| 369 |
sx={{
|
| 370 |
-
maxWidth: "
|
| 371 |
textOverflow: "ellipsis",
|
| 372 |
overflow: "hidden",
|
| 373 |
}}
|
|
|
|
| 272 |
{/* Zone de glisser-déposer pour les fichiers */}
|
| 273 |
<Box
|
| 274 |
sx={{
|
| 275 |
+
flex: { xs: "1 1 100%", sm: "1 1 50%" },
|
| 276 |
+
width: { sm: "50%" },
|
| 277 |
p: 4,
|
| 278 |
mt: 2,
|
| 279 |
borderRadius: 1.5,
|
|
|
|
| 312 |
<InsertDriveFileIcon
|
| 313 |
sx={{ fontSize: 50, color: "primary.main", mb: 1 }}
|
| 314 |
/>
|
| 315 |
+
<Typography
|
| 316 |
+
variant="h6"
|
| 317 |
+
component="div"
|
| 318 |
+
gutterBottom
|
| 319 |
+
noWrap
|
| 320 |
+
sx={{
|
| 321 |
+
maxWidth: "90%",
|
| 322 |
+
textOverflow: "ellipsis",
|
| 323 |
+
overflow: "hidden",
|
| 324 |
+
}}
|
| 325 |
+
>
|
| 326 |
{selectedDocument.name}
|
| 327 |
</Typography>
|
| 328 |
<Typography variant="body2" color="text.secondary">
|
|
|
|
| 353 |
{/* Champ d'entrée URL */}
|
| 354 |
<Box
|
| 355 |
sx={{
|
| 356 |
+
flex: { xs: "1 1 100%", sm: "1 1 50%" },
|
| 357 |
+
width: { sm: "50%" },
|
| 358 |
p: 4,
|
| 359 |
mt: { xs: 0, sm: 2 },
|
| 360 |
borderRadius: 1.5,
|
|
|
|
| 379 |
gutterBottom
|
| 380 |
noWrap
|
| 381 |
sx={{
|
| 382 |
+
maxWidth: "90%",
|
| 383 |
textOverflow: "ellipsis",
|
| 384 |
overflow: "hidden",
|
| 385 |
}}
|