diff --git a/frontend/src/common/components/FileDropZone.tsx b/frontend/src/common/components/FileDropZone.tsx index ae045942a..c1b112ce9 100644 --- a/frontend/src/common/components/FileDropZone.tsx +++ b/frontend/src/common/components/FileDropZone.tsx @@ -1,3 +1,4 @@ +import {IconUpload} from "hds-react"; import React, {useEffect} from "react"; interface FileDropZoneProps { @@ -95,7 +96,12 @@ export default function FileDropZone({ return ( <>
-
{helpText ?? "Pudota tiedostot tähän."}
+
+
+ + {helpText ?? "Pudota tiedostot tähän."} +
+
); diff --git a/frontend/src/styles/components/_FileDropZone.sass b/frontend/src/styles/components/_FileDropZone.sass index 696eb801a..78464ab84 100644 --- a/frontend/src/styles/components/_FileDropZone.sass +++ b/frontend/src/styles/components/_FileDropZone.sass @@ -12,21 +12,24 @@ bottom: 0 width: auto height: auto - background: rgba($color-white, 0.90) - border: 2px dotted rgba($color-coat-of-arms, 0.90) + background: rgba($color-white, 1) + border: 2px dotted rgba($color-coat-of-arms, 1) &.is-dragging-over-drop-zone - background: rgba($color-bus-light, 0.95) + background: rgba($color-bus-light, 1) border-color: rgba($color-coat-of-arms, 1) transition: all 200ms ease-in-out .file-drop-zone-helptext + & > div + display: flex + align-items: center + gap: $spacing-layout-2-xs display: grid place-items: center top: 0% bottom: 30% position: sticky font-size: 28px - font-weight: 700 height: 250px pointer-events: none color: $color-coat-of-arms