From 850f6fc27b28411318615dd5b4dc7002333be7a2 Mon Sep 17 00:00:00 2001 From: Griffin Smith Date: Thu, 23 Jul 2020 21:07:49 -0400 Subject: feat(web/panettone): Make responsive 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 --- web/panettone/src/css.lisp | 4 ++-- web/panettone/src/panettone.lisp | 4 +++- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/web/panettone/src/css.lisp b/web/panettone/src/css.lisp index 2357e0ccef8c..e7a2c814e754 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 e71be53eb975..c84a206811ef 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" -- cgit 1.4.1