Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-06 14:50:20 -05:00
Code Issues 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)
[:section.dashboard-content
(colors/menu)
(ui.library-bar/library-bar)
(colors/nav)
[:section.dashboard-grid.library
(colors/page-title)
(colors/grid)]]]))

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

@ -48,7 +48,33 @@
: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

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

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