github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-09-25 21:36:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adapt library bar to colors page.

Browse Source
This commit is contained in:
Andrey Antukh 2015-12-20 17:51:36 +02:00
parent 20bffcd6be
commit 379ccefd8b
3 changed files with 93 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/uxbox/ui/dashboard.cljs
View File

@ -89,7 +89,7 @@
(header) (header)
[:section.dashboard-content [:section.dashboard-content
(colors/menu) (colors/menu)
(ui.library-bar/library-bar) (colors/nav)
[:section.dashboard-grid.library [:section.dashboard-grid.library
(colors/page-title) (colors/page-title)
(colors/grid)]]])) (colors/grid)]]]))

28
frontend/uxbox/ui/dashboard/colors.cljs
View File

@ -48,7 +48,33 @@
:mixins [mx/static]})) :mixins [mx/static]}))
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;; Colors ;; Nav
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
(defn nav-render
[own]
(html
[:div.library-bar
[:div.library-bar-inside
[:ul.library-tabs
[:li.current "STANDARD"]
[:li "YOUR LIBRARIES"]]
[:ul.library-elements
#_[:li
[:a.btn-primary {:href "#"} "+ New library"]
]
[:li
[:span.element-title "Library 1"]
[:span.element-subtitle "21 elements"]]]]]))
(def ^:static nav
(util/component
{:render nav-render
:name "nav"
:mixins [mx/static]}))
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
;; Nav
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
(defn grid-render (defn grid-render

130
frontend/uxbox/ui/library_bar.cljs
View File

@ -10,73 +10,73 @@
(html (html
[:div.library-bar [:div.library-bar
[:div.library-bar-inside [:div.library-bar-inside
[:ul.library-tabs [:ul.library-tabs
[:li "STANDARD"] [:li "STANDARD"]
[:li.current "YOUR LIBRARIES"] [:li.current "YOUR LIBRARIES"]
] ]
[:ul.library-elements [:ul.library-elements
[:li [:li
[:a.btn-primary {:href "#"} "+ New library"] [:a.btn-primary {:href "#"} "+ New library"]
] ]
[:li [:li
[:span.element-title "Library 1"] [:span.element-title "Library 1"]
[:span.element-subtitle "21 elements"] [:span.element-subtitle "21 elements"]
] ]
[:li [:li
[:span.element-title "Library 2"] [:span.element-title "Library 2"]
[:span.element-subtitle "21 elements"] [:span.element-subtitle "21 elements"]
] ]
[:li [:li
[:span.element-title "Library 3"] [:span.element-title "Library 3"]
[:span.element-subtitle "21 elements"] [:span.element-subtitle "21 elements"]
] ]
[:li [:li
[:span.element-title "Library 4"] [:span.element-title "Library 4"]
[:span.element-subtitle "21 elements"] [:span.element-subtitle "21 elements"]
] ]
[:li [:li
[:span.element-title "Library 5"] [:span.element-title "Library 5"]
[:span.element-subtitle "21 elements"] [:span.element-subtitle "21 elements"]
] ]
[:li [:li
[:span.element-title "Library 6"] [:span.element-title "Library 6"]
[:span.element-subtitle "21 elements"] [:span.element-subtitle "21 elements"]
] ]
[:li [:li
[:span.element-title "Library 7"] [:span.element-title "Library 7"]
[:span.element-subtitle "21 elements"] [:span.element-subtitle "21 elements"]
] ]
[:li [:li
[:span.element-title "Library 8"] [:span.element-title "Library 8"]
[:span.element-subtitle "21 elements"] [:span.element-subtitle "21 elements"]
] ]
[:li [:li
[:span.element-title "Library 9"] [:span.element-title "Library 9"]
[:span.element-subtitle "21 elements"] [:span.element-subtitle "21 elements"]
] ]
[:li [:li
[:span.element-title "Library 10"] [:span.element-title "Library 10"]
[:span.element-subtitle "21 elements"] [:span.element-subtitle "21 elements"]
] ]
[:li [:li
[:span.element-title "Library 11"] [:span.element-title "Library 11"]
[:span.element-subtitle "21 elements"] [:span.element-subtitle "21 elements"]
] ]
[:li [:li
[:span.element-title "Library 12"] [:span.element-title "Library 12"]
[:span.element-subtitle "21 elements"] [:span.element-subtitle "21 elements"]
] ]
[:li [:li
[:span.element-title "Library 13"] [:span.element-title "Library 13"]
[:span.element-subtitle "21 elements"] [:span.element-subtitle "21 elements"]
] ]
[:li [:li
[:span.element-title "Library 14"] [:span.element-title "Library 14"]
[:span.element-subtitle "21 elements"] [:span.element-subtitle "21 elements"]
] ]
] ]
] ]
])) ]))
(def ^:static library-bar (def ^:static library-bar
(ui/component (ui/component