3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-06 13:25:55 +02:00
Code Issues Projects Releases Packages Wiki Activity

add grid settings sidebar options

Browse source
This commit is contained in:
elhombretecla 2016-11-27 11:39:45 +01:00
parent 17f567a4da
commit 1413c01d03
2 changed files with 22 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/uxbox/main/ui/workspace/sidebar/options.cljs
View file

@ -82,7 +82,7 @@
:id ::page-measures :id ::page-measures
:icon i/page :icon i/page
:comp options-page/measures-menu} :comp options-page/measures-menu}
{:name "Grid Options (TODO)" {:name "Grid settings"
:id ::page-grid-options :id ::page-grid-options
:icon i/grid :icon i/grid
:comp options-page/grid-options-menu}]) :comp options-page/grid-options-menu}])

23
frontend/src/uxbox/main/ui/workspace/sidebar/options/page.cljs
View file

@ -34,7 +34,11 @@
[:input.input-text {:type "number" :placeholder "x"}]] [:input.input-text {:type "number" :placeholder "x"}]]
[:div.input-element.pixels [:div.input-element.pixels
[:input.input-text {:type "number" :placeholder "y"}]]] [:input.input-text {:type "number" :placeholder "y"}]]]
[:span "Background color"]]]) [:span "Background color"]
[:div.row-flex.color-data
[:span.color-th {:style {:background-color "#d2d2d2"}}]
[:div.color-info
[:span "#D2D2D2"]]]]])
(mx/defc grid-options-menu (mx/defc grid-options-menu
{:mixins [mx/static]} {:mixins [mx/static]}
@ -42,4 +46,19 @@
[:div.element-set [:div.element-set
[:div.element-set-title (:name menu)] [:div.element-set-title (:name menu)]
[:div.element-set-content [:div.element-set-content
[:strong "Content here"]]]) [:span "Size"]
[:div.row-flex
[:div.input-element.pixels
[:input.input-text {:type "number" :placeholder "x"}]]
[:div.input-element.pixels
[:input.input-text {:type "number" :placeholder "y"}]]]
[:span "Color"]
[:div.row-flex.color-data
[:span.color-th {:style {:background-color "#d2d2d2"}}]
[:div.color-info
[:span "#D2D2D2"]]]
[:span "Magnet option"]
[:div.row-flex
[:div.input-checkbox.check-primary
[:input {:type "checkbox" :id "magnet" :value "Yes"}]
[:label {:for "magnet"} "Activate magnet"]]]]])