feat: enhance QR generator with responsive layout, custom focus styles, and download options

2026-02-28 03:50:47 +00:00
parent b2e8f23d60
commit 2a1897f68d
6 changed files with 630 additions and 0 deletions
--- a/src/style.css
+++ b/src/style.css
@@ -337,3 +337,19 @@ span.ripple {
    opacity: 0;
  }
 }
+
+/* --- Global Input/Select Focus Styles --- */
+input:focus,
+select:focus,
+textarea:focus,
+button:focus {
+  outline: none;
+}
+
+/* Custom focus ring for all form elements */
+input:focus,
+select:focus,
+textarea:focus {
+  border-color: var(--primary-accent);
+  box-shadow: 0 0 0 1px var(--primary-accent);
+}