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 <mail@tazj.in>
This commit is contained in:
Griffin Smith 2020-07-23 21:07:49 -04:00 committed by glittershark
parent 2f85dfe50c
commit 850f6fc27b
2 changed files with 5 additions and 3 deletions

View file

@ -138,7 +138,7 @@
(a :color "inherit") (a :color "inherit")
(.content (.content
:width "800px" :max-width "800px"
:margin "0 auto") :margin "0 auto")
(header (header
@ -174,7 +174,7 @@
:background-color ,color/failure) :background-color ,color/failure)
(.login-form (.login-form
:width "300px" :max-width "300px"
:margin "0 auto") :margin "0 auto")
(.created-by-at (.created-by-at

View file

@ -202,7 +202,9 @@ updated issue"
:lang "en" :lang "en"
(:head (:head
(:title (who:esc *title*)) (: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 (:body
(:div (:div
:class "content" :class "content"