From 23bc4d5d0e2e0e5172f539242e78cf86ddd05a92 Mon Sep 17 00:00:00 2001
From: Jake Mannens <jake@asger.xyz>
Date: Wed, 8 Apr 2026 03:58:07 +1000
Subject: v0.7a

---
 Pages/Upload.razor.css | 25 +++++++++++++++++++------
 1 file changed, 19 insertions(+), 6 deletions(-)

(limited to 'Pages/Upload.razor.css')

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
-- 
cgit v1.3