mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-27 08:40:10 +02:00
Code Issues Releases Wiki Activity

hide input control

Browse Source
This commit is contained in:
Kushagra Gour
2024-03-12 23:50:21 +05:30
parent 00b105a352
commit 06a33a371f
1 changed files with 16 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Assets.jsx
View File

@@ -110,7 +110,7 @@ const Assets = () => {
const [isDropTarget, setIsDropTarget] = useState(false); const [isDropTarget, setIsDropTarget] = useState(false);
const handleDragDropEvent = e => { const handleDragDropEvent = e => {
console.log('drag event, ', e.type); console.log('drag event, ', e.type, e.target.dataset.dragTarget);
if (e.type === 'dragover') { if (e.type === 'dragover') {
// required for drop to work // required for drop to work
e.preventDefault(); e.preventDefault();
@@ -157,6 +157,7 @@ const Assets = () => {
onDragLeave={handleDragDropEvent} onDragLeave={handleDragDropEvent}
onDragOver={handleDragDropEvent} onDragOver={handleDragDropEvent}
onDrop={handleDrop} onDrop={handleDrop}
data-drag-target
> >
<HStack gap={1} align="center"> <HStack gap={1} align="center">
<h1> <h1>
@@ -175,7 +176,8 @@ const Assets = () => {
{isUploading ? <div class="asset-manager__progress-bar"></div> : null} {isUploading ? <div class="asset-manager__progress-bar"></div> : null}
<div style={{ visibility: isUploading ? 'hidden' : 'visible' }}> <div style={{ visibility: isUploading ? 'hidden' : 'visible' }}>
<VStack gap={1} align="center"> <VStack gap={1} align="stretch">
<label style="background: #00000001">
<Text tag="p" align="center"> <Text tag="p" align="center">
Drop files here to upload Drop files here to upload
</Text> </Text>
@@ -185,8 +187,9 @@ const Assets = () => {
<input <input
type="file" type="file"
onChange={handleFileUpload} onChange={handleFileUpload}
style={{ marginTop: 'auto' }} style={{ marginTop: 'auto', display: 'none' }}
/> />
</label>
</VStack> </VStack>
</div> </div>
</div> </div>