diff options
Diffstat (limited to 'tpl/objects')
| -rw-r--r-- | tpl/objects/backdrop.pug | 7 | ||||
| -rw-r--r-- | tpl/objects/bubble-group.pug | 2 | ||||
| -rw-r--r-- | tpl/objects/bubble.pug | 2 | ||||
| -rw-r--r-- | tpl/objects/dialog.pug | 4 | ||||
| -rw-r--r-- | tpl/objects/icon.pug | 2 |
5 files changed, 11 insertions, 6 deletions
diff --git a/tpl/objects/backdrop.pug b/tpl/objects/backdrop.pug index cbe8866..227700c 100644 --- a/tpl/objects/backdrop.pug +++ b/tpl/objects/backdrop.pug | |||
| @@ -8,5 +8,10 @@ mixin backdrop | |||
| 8 | classes[attributes.class] = true; | 8 | classes[attributes.class] = true; |
| 9 | } | 9 | } |
| 10 | 10 | ||
| 11 | div(class=classes, style={ width: '100%', 'min-height': '5em', 'max-height': '40em' }) | 11 | let styles = { width: '100%', 'min-height': '5em', 'max-height': '40em' } |
| 12 | if (attributes.pad) { | ||
| 13 | styles['padding'] = '2em'; | ||
| 14 | } | ||
| 15 | |||
| 16 | div(class=classes, style=styles) | ||
| 12 | block | 17 | block |
diff --git a/tpl/objects/bubble-group.pug b/tpl/objects/bubble-group.pug index a1a8c00..e6a6d19 100644 --- a/tpl/objects/bubble-group.pug +++ b/tpl/objects/bubble-group.pug | |||
| @@ -10,6 +10,6 @@ mixin bubble-group(user) | |||
| 10 | } | 10 | } |
| 11 | 11 | ||
| 12 | section(class=classes) | 12 | section(class=classes) |
| 13 | .l-bubble-group__avatar.u-sticky-top | 13 | .l-bubble-group__avatar.u-p-sticky-top |
| 14 | +avatar= user.slice(0, 2) | 14 | +avatar= user.slice(0, 2) |
| 15 | block | 15 | block |
diff --git a/tpl/objects/bubble.pug b/tpl/objects/bubble.pug index bec6e9e..d04f06b 100644 --- a/tpl/objects/bubble.pug +++ b/tpl/objects/bubble.pug | |||
| @@ -43,7 +43,7 @@ mixin bubble(user) | |||
| 43 | article(class=classes) | 43 | article(class=classes) |
| 44 | if user && attributes.avatar | 44 | if user && attributes.avatar |
| 45 | .l-media.l-media--flush.l-flex--align-start | 45 | .l-media.l-media--flush.l-flex--align-start |
| 46 | .l-media__block.u-mt-50.u-sticky-top | 46 | .l-media__block.u-mt-50.u-p-sticky-top |
| 47 | +avatar= user.slice(0, 2) | 47 | +avatar= user.slice(0, 2) |
| 48 | .l-media__block.l-media__block--main | 48 | .l-media__block.l-media__block--main |
| 49 | +content | 49 | +content |
diff --git a/tpl/objects/dialog.pug b/tpl/objects/dialog.pug index 95aa41c..ece0d67 100644 --- a/tpl/objects/dialog.pug +++ b/tpl/objects/dialog.pug | |||
| @@ -40,7 +40,7 @@ mixin dialog(title) | |||
| 40 | if slots['sidebar-header'] | 40 | if slots['sidebar-header'] |
| 41 | - slots['sidebar-header']() | 41 | - slots['sidebar-header']() |
| 42 | else | 42 | else |
| 43 | +div-heading('sm')(class='o-dialog__title l-media__block l-media__block--main')= attributes.sidebarTitle | 43 | +div-heading('xl')(class='o-dialog__title u-mt-0 l-media__block l-media__block--main')= attributes.sidebarTitle |
| 44 | 44 | ||
| 45 | if slots.sidebar | 45 | if slots.sidebar |
| 46 | .o-dialog__sidebar.l-overflow | 46 | .o-dialog__sidebar.l-overflow |
| @@ -51,7 +51,7 @@ mixin dialog(title) | |||
| 51 | - slots.header() | 51 | - slots.header() |
| 52 | else | 52 | else |
| 53 | if title | 53 | if title |
| 54 | +div-heading('sm')(class='o-dialog__title l-media__block l-media__block--main')= title | 54 | +div-heading('xl')(class='o-dialog__title u-mt-0 l-media__block l-media__block--main')= title |
| 55 | +action-button(round=true quiet=true icon='x' class='o-dialog__close-btn l-media__block') | 55 | +action-button(round=true quiet=true icon='x' class='o-dialog__close-btn l-media__block') |
| 56 | 56 | ||
| 57 | section(class=bodyClass) | 57 | section(class=bodyClass) |
diff --git a/tpl/objects/icon.pug b/tpl/objects/icon.pug index 67bcf37..98d51ad 100644 --- a/tpl/objects/icon.pug +++ b/tpl/objects/icon.pug | |||
| @@ -9,5 +9,5 @@ mixin icon(id) | |||
| 9 | classes[attributes.class] = true; | 9 | classes[attributes.class] = true; |
| 10 | } | 10 | } |
| 11 | 11 | ||
| 12 | svg(class=classes width='1em' height='1em') | 12 | svg(class=classes) |
| 13 | use(href=href) | 13 | use(href=href) |
