search

madvas / cljs-react-material-ui

Clojurescript library for using material-ui.com
Eclipse Public License 1.0
205 stars 32 forks source link

Icon size inside list #29

Open dsapoetra opened 7 years ago

dsapoetra commented 7 years ago

Hi everyone

I'm currently trying to resize icon button inside a list-item

My code is:

[cljs-react-material-ui.reagent/list
      [cljs-react-material-ui.reagent/list-item
       {:primary-text "username"
        :inner-div-style
                      {:font "72px Gotham, sans-serif"
                       :button-style {:width "1000px"
                                      :height "auto"}}
        :right-icon (cljs-react-material-ui.core/icon-button
                      {:style {:width "1000px" :height "auto"}}
                      (cljs-react-material-ui.icons/editor-mode-edit {:width "1000px" :height "auto" :style {:width "1000px" :height "auto"}}))}]]

Problem is I can't make the right-icon bigger, been trying many possible position and the icon still sized 24 px. How to resize it?

Thank you in advance

royalaid commented 6 years ago

I was trying to figure this out as well, this is what I came up with, only this is in the context of an icon-button:

[rui/icon-button {:style {:height 120 :width 120 :padding 30 :size 30}
                  :icon-style {:height 75 :width 75}}
                  (ic/navigation-arrow-back)]