fix(grfn/bbbg): Add margins to flash messages on mobile
Change-Id: I5e33ba65ef4b6c55485fa4fb895bd6e7b3f24f1f Reviewed-on: https://cl.tvl.fyi/c/depot/+/4668 Reviewed-by: grfn <grfn@gws.fyi> Autosubmit: grfn <grfn@gws.fyi> Tested-by: BuildkiteCI
This commit is contained in:
parent
b175121101
commit
4bbadfb930
2 changed files with 11 additions and 2 deletions
|
@ -100,6 +100,8 @@
|
||||||
([] (event-form {}))
|
([] (event-form {}))
|
||||||
([event]
|
([event]
|
||||||
[:div.page
|
[:div.page
|
||||||
|
[:div.page-header
|
||||||
|
[:h1 "Create New Event"]]
|
||||||
[:form {:method "POST"
|
[:form {:method "POST"
|
||||||
:action "/events"
|
:action "/events"
|
||||||
:enctype "multipart/form-data"}
|
:enctype "multipart/form-data"}
|
||||||
|
|
|
@ -210,8 +210,15 @@
|
||||||
|
|
||||||
(defstyles flash
|
(defstyles flash
|
||||||
[:.flash-messages
|
[:.flash-messages
|
||||||
{:width "800px"
|
{:max-width "800px"
|
||||||
:margin "1rem auto"}]
|
:margin "1rem auto"}
|
||||||
|
|
||||||
|
(at-media
|
||||||
|
{:screen true
|
||||||
|
:max-width "800px"}
|
||||||
|
[:&
|
||||||
|
{:margin-left "1rem"
|
||||||
|
:margin-right "1rem"}])]
|
||||||
|
|
||||||
[:.flash-message
|
[:.flash-message
|
||||||
{:padding "1rem 1.5rem"
|
{:padding "1rem 1.5rem"
|
||||||
|
|
Loading…
Add table
Reference in a new issue