mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-03-22 03:29:42 +01: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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/Assets.jsx
View File

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