jennex

commit eee4dea2b2eb541778ebf2195784c85ea5f79cb3 (patch)
parent 4313e6fdfe762988b738f7e6a472c251bb2cbea3
Author: Alex Karle <alex@alexkarle.com>
Date:   Tue, 15 Nov 2022 00:53:39 -0500

rsvp: Style the main search input/button

Diffstat:
M
src/handler.scm
 | 
8
++++----
M
style.css
 | 
18
++++++++++++++++++

2 files changed, 22 insertions(+), 4 deletions(-)
diff --git a/src/handler.scm b/src/handler.scm
@@ -53,10 +53,9 @@
       '((h2 "RSVP")
         (p "Thanks for RSVP'ing! To start, please lookup the "
            "name on your invitation.")
-        (form (@ (action "/rsvp"))
-          (label "Name:"
-                 (input (@ (name "rsvp-name"))))
-          (button "Lookup"))
+        (form (@ (class "find-invite") (action "/rsvp"))
+              (input (@ (class "find-invite") (name "rsvp-name")))
+              (button (@ (class "find-invite")) "Find Invitation"))
         (p "Please let us know by DATE whether you can make it!")))))
 
 (define (guest-to-form g)
@@ -92,6 +91,7 @@
                           (option (@ ,@(get-meal-attrs "vegan")) "Vegan")))))))
 
 (define (route-get-rsvp c)
+  ;; TODO: strip trailing spaces in names? (here and on save)
   (call/cc
     (lambda (c)
       (with-exception-handler
diff --git a/style.css b/style.css
@@ -121,3 +121,21 @@ input {
 textarea {
   font-size: 1.2em;
 }
+
+button.find-invite {
+  font-size: 1.0em;
+  padding: 8px 8px;
+  color: #FFFFFF;
+  background-color: #198754;
+  border-color: #198754;
+  border-radius: 8px;
+  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
+}
+
+input.find-invite {
+  line-height: 2em;
+}
+
+form.find-invite {
+  text-align: center;
+}