mirror of
https://codeberg.org/demostf/inspector.git
synced 2026-06-03 18:14:08 +02:00
dropzone text
This commit is contained in:
parent
18755bcaec
commit
58439347fc
3 changed files with 15 additions and 3 deletions
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Hello wasm-pack!</title>
|
||||
<title>Demo Inspector</title>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>This page contains webassembly and javascript content, please enable javascript in your browser.</noscript>
|
||||
|
|
|
|||
|
|
@ -158,9 +158,10 @@ function DemoDropzone(
|
|||
<input {...getInputProps()} />
|
||||
{
|
||||
isDragActive ?
|
||||
<p>Drop the files here ...</p> :
|
||||
<p>Drag 'n' drop some files here, or click to select files</p>
|
||||
<p>Drop the demo file here ...</p> :
|
||||
<p>Drag 'n' drop a demo here, or click to a file</p>
|
||||
}
|
||||
<p className="warning">Warning, loading a 30m demo file can easily take over a gigabyte of memory</p>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
|
|
@ -76,6 +76,17 @@ html, body, #root {
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
cursor: pointer;
|
||||
|
||||
p {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
p.warning {
|
||||
font-size: 1em;
|
||||
opacity: 0.8;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue