diff options
| author | Jake Mannens <jake@asger.xyz> | 2026-04-08 03:58:07 +1000 |
|---|---|---|
| committer | Jake Mannens <jake@asger.xyz> | 2026-04-08 03:58:07 +1000 |
| commit | 23bc4d5d0e2e0e5172f539242e78cf86ddd05a92 (patch) | |
| tree | e01cfa7f8de40e7189e3b64fde6275640010e355 /Pages/Upload.razor.css | |
| parent | 0d517e182dcf97e9fe46f6524f1d116ca5a94929 (diff) | |
v0.7av0.7a
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 |
