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")
(.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

View file

@ -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"