ui migration to Sophie Design

This commit is contained in:
simon louvet 2018-11-16 13:44:00 +01:00
parent d6ec6a9cf9
commit 5e7a5ac42a
2 changed files with 14 additions and 12 deletions

View File

@ -1,34 +1,36 @@
nav#navbar nav#navbar
sib-router#navbar-router(default-route='members') sib-router#navbar-router(default-route='members')
sib-route(name='members') sib-route.menu(name='members')
div.menu-notification div.menu-notification
div 1 div 1
div.menu-label Members div.menu-label Members
div.menu-icon.icon-people div.menu-icon.icon-people
sib-route(hidden, name='member', id-prefix=`${sdn}/members/`) sib-route.menu(hidden, name='member', id-prefix=`${sdn}/members/`)
sib-route(name='job-offers') sib-route.menu(name='job-offers')
div.menu-notification div.menu-notification
div 2 div 2
div.menu-label Job offers div.menu-label Job offers
div.menu-icon.icon-briefcase div.menu-icon.icon-briefcase
sib-route(hidden, name='job-offer-create') sib-route(hidden, name='job-offer-create')
div div
div.menu-notification div.menu
div.menu-label Projects div.menu-notification
div.menu-icon.icon-folder-alt div.menu-label Projects
div.menu-icon.icon-folder-alt
sib-route(hidden,name='project', id-prefix=`${sdn}/projects/`)
sib-display( sib-display(
data-src=`${sdn}/projects/`, data-src=`${sdn}/projects/`,
data-fields='name', data-fields='name',
next='project' next='project'
) )
sib-route(hidden, name='project', id-prefix=`${sdn}/projects/`)
div div
div.menu-notification div.menu
div.menu-label Groups div.menu-notification
div.menu-icon.icon-bubbles div.menu-label Groups
div.menu-icon.icon-bubbles
sib-route(hidden, name='group', id-prefix=`${sdn}/channels/`)
sib-display( sib-display(
data-src=`${sdn}/channels/`, data-src=`${sdn}/channels/`,
data-fields='name', data-fields='name',
next='group' next='group'
) )
sib-route(hidden, name='group', id-prefix=`${sdn}/channels/`)

View File

@ -40,7 +40,7 @@ sib-router {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
> * { .menu {
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
padding: 1em; padding: 1em;