make the buttons gooooooood

noahm · Mar 29, 2024 · 549b91b · 549b91b
1 parent 5d834d3
commit 549b91b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/sdk/commands/data_info.ts b/sdk/commands/data_info.ts
@@ -1,4 +1,4 @@
-import { StructBuffer, char, uint8_t, uint16_t } from "@nmann/struct-buffer";
+import { StructBuffer, char, uint16_t, uint8_t } from "@nmann/struct-buffer";
 
 const data_info_packet_t = new StructBuffer("data_info_packet_t", {
   // Always 'I'

diff --git a/ui/styles.css b/ui/styles.css
@@ -47,16 +47,24 @@ input {
   font-family: inherit;
   font-size: 100%;
   background: #FFFFFF;
-  border: 1px solid #000000;
+  border: 1px solid currentColor;
   box-sizing: border-box;
-  border-radius: 4px;
+  border-radius: 5px;
   padding: 0.5rem 1rem;
-  transition: 500ms;
+  transition-duration: 100ms;
+  transition-property: transform, box-shadow;
   cursor: pointer;
+  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);
 }
 
 button:active {
   transform: translateY(5px);
+  box-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
+}
+
+button:focus {
+  outline: 2px solid #322aa8;
+  outline-offset: -2px;
 }
 
 .pad {