From: Ardis Lu <ardisglu@gmail.com>
Date: Tue, 4 Oct 2022 07:03:36 +0000 (-0700)
Subject: Adjust upload box styling
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=6fb6acd80f4624513a9aafc8c9bf3bb6444c72ac;p=ens2hex

Adjust upload box styling

Should show outline on inner input focus for accessibility
---

diff --git a/index.html b/index.html
index 4a10644..4239aa5 100644
--- a/index.html
+++ b/index.html
@@ -84,7 +84,7 @@
       align-items: center;
       padding: 48px 16px;
       border: 2px dashed var(--primary);
-      border-radius: 20px;
+      border-radius: 12px;
     }
 
     .upload-box:hover,
@@ -92,6 +92,10 @@
       cursor: pointer;
     }
 
+    .upload-box:has(input:focus) {
+      outline: -webkit-focus-ring-color auto 2px;
+    }
+
     .upload-box input {
       opacity: 0;
       width: 0.1px;