diff options
| author | Volpeon <git@volpeon.ink> | 2024-11-19 07:55:19 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-11-19 07:55:19 +0100 |
| commit | 4d8853016f43d6d8ddcaf532d4742dfa0d2e308c (patch) | |
| tree | 0d8c8a2a6d954750b4faa898cb66b0ae03b6174f /tpl | |
| parent | Fix navbar variable id (diff) | |
| download | iro-design-4d8853016f43d6d8ddcaf532d4742dfa0d2e308c.tar.gz iro-design-4d8853016f43d6d8ddcaf532d4742dfa0d2e308c.tar.bz2 iro-design-4d8853016f43d6d8ddcaf532d4742dfa0d2e308c.zip | |
Navbar: Better icon integration
Diffstat (limited to 'tpl')
| -rw-r--r-- | tpl/objects/navbar.pug | 11 | ||||
| -rw-r--r-- | tpl/views/navbar.pug | 6 |
2 files changed, 15 insertions, 2 deletions
diff --git a/tpl/objects/navbar.pug b/tpl/objects/navbar.pug index bca8c90..5c7642c 100644 --- a/tpl/objects/navbar.pug +++ b/tpl/objects/navbar.pug | |||
| @@ -26,5 +26,12 @@ mixin navbar-item | |||
| 26 | } | 26 | } |
| 27 | 27 | ||
| 28 | #{!!attributes.tag ? attributes.tag : 'button'}(class=classes)&attributes(attributes) | 28 | #{!!attributes.tag ? attributes.tag : 'button'}(class=classes)&attributes(attributes) |
| 29 | .o-navbar__item-label | 29 | .o-navbar__item-content |
| 30 | block | 30 | if attributes.icon |
| 31 | +icon(attributes.icon) | ||
| 32 | = ' ' | ||
| 33 | span.o-navbar__item-content-text | ||
| 34 | block | ||
| 35 | if attributes.postIcon | ||
| 36 | = ' ' | ||
| 37 | +icon(attributes.postIcon) | ||
diff --git a/tpl/views/navbar.pug b/tpl/views/navbar.pug index 03f1591..345a22b 100644 --- a/tpl/views/navbar.pug +++ b/tpl/views/navbar.pug | |||
| @@ -11,3 +11,9 @@ mixin view-navbar | |||
| 11 | +navbar-item= 'Home' | 11 | +navbar-item= 'Home' |
| 12 | +navbar-item(selected=true)= 'Art' | 12 | +navbar-item(selected=true)= 'Art' |
| 13 | +navbar-item= 'Emojis' | 13 | +navbar-item= 'Emojis' |
| 14 | |||
| 15 | .c-box | ||
| 16 | +navbar(quiet=true) | ||
| 17 | +navbar-item(selected=true icon="arrow-left")= 'Home' | ||
| 18 | +navbar-item= 'Art' | ||
| 19 | +navbar-item= 'Emojis' | ||