autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feature: new header and left-menu

Browse Source
This commit is contained in:
gaelle morin
2021-04-01 07:10:59 +02:00
parent 1438c73c2f
commit bc0b8c3e04
23 changed files with 270 additions and 217 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/partials/header.pug
View File

@ -1,10 +1,10 @@
div
solid-link.segment.sm-hidden(next=getRoute('dashboard', true))
img.logo(src=`${client.logo || '/images/logo.webp'}`)
h1.text-color-heading.text-medium.text-semibold.text-letter-spacing-large=client.name || 'Hubl'
button.segment.lg-hidden.icon-menu#toggleMainMenu
span.tag.reversed.text-semibold(data-trans='header.beta')
span.tag.reversed.text-bold.margin-left-xsmall(data-trans='header.beta')
div
if componentSet.has("themeChecker")
@ -17,7 +17,7 @@ div
)
if componentSet.has("notification")
solid-notifications.segment.sm-margin-right-xlarge(
solid-notifications.segment.margin-right-small(
nested-field="inbox"
bind-user
)
@ -25,15 +25,13 @@ div
if componentSet.has("autoLogin") || componentSet.has("registering")
//- User menu visible on large screens
details.segment.sm-hidden.user-controls
summary.text-right
solid-display.labelled-avatar.padding-top-xsmall(
fields='segment1(account.picture), segment2(first_name), segment3(button)'
summary.text-right.padding-right-xsmall.padding-left-xsmall
solid-display.labelled-avatar(
fields='segment1(account.picture), segment2(button)'
class-segment1='segment'
class-segment2='segment margin-left-small'
class-segment3='segment margin-left-xxsmall'
class-account.picture="avatar"
class-first_name="text-semibold text-color-heading"
class-button='icon icon-arrow-down'
class-segment2='segment margin-left-xxsmall'
class-account.picture="avatar xxsmall"
class-button='icon icon-small icon-arrow-down'
widget-account.picture='hubl-user-avatar'
bind-user
)