diff options
Diffstat (limited to 'Pages/Upload.razor.css')
| -rw-r--r-- | Pages/Upload.razor.css | 25 |
1 files changed, 19 insertions, 6 deletions
diff --git a/Pages/Upload.razor.css b/Pages/Upload.razor.css index 6ff40a2..d510bc6 100644 --- a/Pages/Upload.razor.css +++ b/Pages/Upload.razor.css @@ -8,7 +8,7 @@ top: 50%; transform: translate(-50%, -50%); transition: border-color 0.1s linear; - width: 700px; + width: min(700px, 85%); } div#dropzone p { @@ -22,14 +22,27 @@ div#dropzone p { transform: translate(-50%, -50%); } +div#dropzone p::before { + content: "Drag a file to upload it\Aor click to select one or more file(s)"; + white-space: pre; +} + +@media (hover: none) and (pointer: coarse) { + div#dropzone p::before { + content: "Tap to select a file to upload"; + } +} + div#dropzone input { display: none; } -div#dropzone.hover, div#dropzone:hover { - border: 3px dashed white; -} +@media (hover: hover) { + div#dropzone.hover, div#dropzone:hover { + border: 3px dashed white; + } -div#dropzone.hover p, div#dropzone:hover p { - color: white; + div#dropzone.hover p, div#dropzone:hover p { + color: white; + } }
\ No newline at end of file |