status-im
/
reagent
mirror of https://github.com/status-im/reagent.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix spacing props for mui 4

This commit is contained in:
Juho Teperi 2019-06-14 00:02:32 +03:00
parent 7632e94489
commit 8066b09f4f
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
examples/material-ui/src/example/core.cljs
View File

@ -54,10 +54,10 @@
#js {:palette #js {:primary #js {:main (gobj/get (.-red mui-colors) 100)}}})) #js {:palette #js {:primary #js {:main (gobj/get (.-red mui-colors) 100)}}}))
(defn custom-styles [theme] (defn custom-styles [theme]
#js {:button #js {:margin (.. theme -spacing -unit)} #js {:button #js {:margin (.spacing theme 1)}
:textField #js {:width 200 :textField #js {:width 200
:marginLeft (.. theme -spacing -unit) :marginLeft (.spacing theme 1)
:marginRight (.. theme -spacing -unit)}}) :marginRight (.spacing theme 1)}})
(def with-custom-styles (withStyles custom-styles)) (def with-custom-styles (withStyles custom-styles))
@ -68,7 +68,7 @@
[:> mui/Grid [:> mui/Grid
{:container true {:container true
:direction "column" :direction "column"
:spacing 16} :spacing 2}
[:> mui/Grid {:item true} [:> mui/Grid {:item true}
[:> mui/Toolbar [:> mui/Toolbar
@ -135,7 +135,7 @@
[:> mui/Grid [:> mui/Grid
{:container true {:container true
:direction "row" :direction "row"
:spacing 8} :spacing 4}
;; For properties that require React Node as parameter, ;; For properties that require React Node as parameter,
;; either use r/as-element to convert Reagent hiccup forms into React elements, ;; either use r/as-element to convert Reagent hiccup forms into React elements,