about summary refs log tree commit diff
diff options
context:
space:
mode:
authorGriffin Smith <grfn@gws.fyi>2020-07-24T01·07-0400
committerglittershark <grfn@gws.fyi>2020-07-25T02·38+0000
commit850f6fc27b28411318615dd5b4dc7002333be7a2 (patch)
treecea0298c3913698fd7dadac1671eea954431d2f6
parent2f85dfe50c1eb9622a1b409de95629bcced0992f (diff)
feat(web/panettone): Make responsive r/1467
Make the site responsive, by making all the hard :widths we were using
into :max-widths, and adding a viewport meta tag.

Change-Id: I02f054f81ff57fbd1c4603b179b2104367f03e3b
Reviewed-on: https://cl.tvl.fyi/c/depot/+/1415
Tested-by: BuildkiteCI
Reviewed-by: tazjin <mail@tazj.in>
-rw-r--r--web/panettone/src/css.lisp4
-rw-r--r--web/panettone/src/panettone.lisp4
2 files changed, 5 insertions, 3 deletions
diff --git a/web/panettone/src/css.lisp b/web/panettone/src/css.lisp
index 2357e0ccef..e7a2c814e7 100644
--- a/web/panettone/src/css.lisp
+++ b/web/panettone/src/css.lisp
@@ -138,7 +138,7 @@
     (a :color "inherit")
 
     (.content
-     :width "800px"
+     :max-width "800px"
      :margin "0 auto")
 
     (header
@@ -174,7 +174,7 @@
      :background-color ,color/failure)
 
     (.login-form
-     :width "300px"
+     :max-width "300px"
      :margin "0 auto")
 
     (.created-by-at
diff --git a/web/panettone/src/panettone.lisp b/web/panettone/src/panettone.lisp
index e71be53eb9..c84a206811 100644
--- a/web/panettone/src/panettone.lisp
+++ b/web/panettone/src/panettone.lisp
@@ -202,7 +202,9 @@ updated issue"
       :lang "en"
       (:head
        (:title (who:esc *title*))
-       (:link :rel "stylesheet" :type "text/css" :href "/main.css"))
+       (:link :rel "stylesheet" :type "text/css" :href "/main.css")
+       (:meta :name "viewport"
+              :content "width=device-width,initial-scale=1"))
       (:body
        (:div
         :class "content"