Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-13 00:01:51 -05:00
Code Issues 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
:icon i/page
:comp options-page/measures-menu}
{:name "Grid Options (TODO)"
{:name "Grid settings"
:id ::page-grid-options
:icon i/grid
: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"}]]
[:div.input-element.pixels
[: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
{:mixins [mx/static]}
@ -42,4 +46,19 @@
[:div.element-set
[:div.element-set-title (:name menu)]
[: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"]]]]])