BaseLibraries/MattrixwvReactComponents
1
0
Fork 0
Code Issues 3 Packages Projects Releases Wiki Activity

Update drag and drop hover classes

Browse Source
This commit is contained in:
Matthew Ellison
2026-02-26 21:29:17 -05:00
parent 434a27d90d
commit c55ce3ad77
2 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@@ -1 +1,5 @@
# Mattrixwv React Components
[![Quality Gate Status](https://sonarqube.mattrixwv.com/api/project_badges/measure?project=MattrixwvReactComponents&metric=alert_status&token=sqb_e8b5362c32319b0612536e683cdbe2a77ec5bb32)](https://sonarqube.mattrixwv.com/dashboard?id=MattrixwvReactComponents)
Under Construction Under Construction

7
lib/component/input/file/DragAndDropFileInput.tsx
View File

@@ -27,12 +27,15 @@ export default function DragAndDropFileInput({
<label <label
className={clsx( className={clsx(
"flex flex-col items-center justify-center border-2 rounded-lg cursor-pointer", "flex flex-col items-center justify-center border-2 rounded-lg cursor-pointer",
//TODO: Make hover classes "data-drag:border-primary data-drag:text-primary",
className className
)} )}
onDragOver={(e) => e.preventDefault()} onDragOver={(e) => { e.preventDefault(); e.currentTarget.dataset.drag = "true"; }}
onDragLeave={(e) => { e.preventDefault(); delete e.currentTarget.dataset.drag; }}
onDrop={(e) => { onDrop={(e) => {
e.preventDefault(); e.preventDefault();
delete e.currentTarget.dataset.drag;
const currentFile = e.dataTransfer.files[0]; const currentFile = e.dataTransfer.files[0];
setFile(currentFile); setFile(currentFile);