diff options
| author | Volpeon <git@volpeon.ink> | 2024-10-19 18:23:02 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-10-19 18:23:02 +0200 |
| commit | 27222cb91c390a42055a7123b5a9409c928e8b26 (patch) | |
| tree | 650b5614c4aae0056127038a4ab204198aae7f4d /tpl/views | |
| parent | Update (diff) | |
| download | iro-design-27222cb91c390a42055a7123b5a9409c928e8b26.tar.gz iro-design-27222cb91c390a42055a7123b5a9409c928e8b26.tar.bz2 iro-design-27222cb91c390a42055a7123b5a9409c928e8b26.zip | |
Fixes
Diffstat (limited to 'tpl/views')
| -rw-r--r-- | tpl/views/action-button.pug | 4 | ||||
| -rw-r--r-- | tpl/views/badge.pug | 2 | ||||
| -rw-r--r-- | tpl/views/button.pug | 4 | ||||
| -rw-r--r-- | tpl/views/divider.pug | 2 |
4 files changed, 6 insertions, 6 deletions
diff --git a/tpl/views/action-button.pug b/tpl/views/action-button.pug index 6fa0ce9..8fbf9ea 100644 --- a/tpl/views/action-button.pug +++ b/tpl/views/action-button.pug | |||
| @@ -90,7 +90,7 @@ mixin view-action-button | |||
| 90 | - | 90 | - |
| 91 | const bg = theme.startsWith('static-black') ? 500 : 1000; | 91 | const bg = theme.startsWith('static-black') ? 500 : 1000; |
| 92 | 92 | ||
| 93 | .c-box(style=`background-color: var(--static-colors--blue--${bg});`) | 93 | .c-box(style=`background-color: var(--colors--blue-static--${bg});`) |
| 94 | +action-button(theme=theme)= 'Idle' | 94 | +action-button(theme=theme)= 'Idle' |
| 95 | = ' ' | 95 | = ' ' |
| 96 | +action-button(theme=theme selected=true)= 'Selected' | 96 | +action-button(theme=theme selected=true)= 'Selected' |
| @@ -99,7 +99,7 @@ mixin view-action-button | |||
| 99 | = ' ' | 99 | = ' ' |
| 100 | +action-button(theme=theme selected=true disabled=true)= 'Selected + disabled' | 100 | +action-button(theme=theme selected=true disabled=true)= 'Selected + disabled' |
| 101 | 101 | ||
| 102 | .c-box(style=`background-color: var(--static-colors--blue--${bg});`) | 102 | .c-box(style=`background-color: var(--colors--blue-static--${bg});`) |
| 103 | +action-button(theme=theme quiet=true)= 'Idle' | 103 | +action-button(theme=theme quiet=true)= 'Idle' |
| 104 | = ' ' | 104 | = ' ' |
| 105 | +action-button(theme=theme quiet=true selected=true)= 'Selected' | 105 | +action-button(theme=theme quiet=true selected=true)= 'Selected' |
diff --git a/tpl/views/badge.pug b/tpl/views/badge.pug index 90fdabe..cc1f346 100644 --- a/tpl/views/badge.pug +++ b/tpl/views/badge.pug | |||
| @@ -59,7 +59,7 @@ mixin view-badge | |||
| 59 | - | 59 | - |
| 60 | const bg = theme.startsWith('static-black') ? 500 : 1000; | 60 | const bg = theme.startsWith('static-black') ? 500 : 1000; |
| 61 | 61 | ||
| 62 | .c-box(style=`background-color: var(--static-colors--blue--${bg});`) | 62 | .c-box(style=`background-color: var(--colors--blue-static--${bg});`) |
| 63 | +badge(theme)(href='#')= 'new' | 63 | +badge(theme)(href='#')= 'new' |
| 64 | = ' ' | 64 | = ' ' |
| 65 | +badge(theme)(quiet=true href='#')= 'new' | 65 | +badge(theme)(quiet=true href='#')= 'new' |
diff --git a/tpl/views/button.pug b/tpl/views/button.pug index 04414a4..edd8ef6 100644 --- a/tpl/views/button.pug +++ b/tpl/views/button.pug | |||
| @@ -58,7 +58,7 @@ mixin view-button | |||
| 58 | - | 58 | - |
| 59 | const bg = theme.startsWith('static-black') ? 500 : 1000; | 59 | const bg = theme.startsWith('static-black') ? 500 : 1000; |
| 60 | 60 | ||
| 61 | .c-box(style=`background-color: var(--static-colors--blue--${bg});`) | 61 | .c-box(style=`background-color: var(--colors--blue-static--${bg});`) |
| 62 | .l-button-group | 62 | .l-button-group |
| 63 | +a-button(variant=theme)= 'Button' | 63 | +a-button(variant=theme)= 'Button' |
| 64 | +a-button(variant=theme disabled=true)= 'Button' | 64 | +a-button(variant=theme disabled=true)= 'Button' |
| @@ -71,7 +71,7 @@ mixin view-button | |||
| 71 | +a-button(variant=theme outline=true icon='trash') | 71 | +a-button(variant=theme outline=true icon='trash') |
| 72 | +a-button(variant=theme outline=true disabled=true icon='trash') | 72 | +a-button(variant=theme outline=true disabled=true icon='trash') |
| 73 | 73 | ||
| 74 | .c-box(style=`background-color: var(--static-colors--blue--${bg});`) | 74 | .c-box(style=`background-color: var(--colors--blue-static--${bg});`) |
| 75 | .l-button-group | 75 | .l-button-group |
| 76 | +a-button(variant=theme primary=true)= 'Button' | 76 | +a-button(variant=theme primary=true)= 'Button' |
| 77 | +a-button(variant=theme primary=true disabled=true)= 'Button' | 77 | +a-button(variant=theme primary=true disabled=true)= 'Button' |
diff --git a/tpl/views/divider.pug b/tpl/views/divider.pug index b5b6d70..e2f2e01 100644 --- a/tpl/views/divider.pug +++ b/tpl/views/divider.pug | |||
| @@ -36,7 +36,7 @@ mixin view-divider | |||
| 36 | - | 36 | - |
| 37 | const bg = theme.startsWith('static-black') ? 500 : 1000; | 37 | const bg = theme.startsWith('static-black') ? 500 : 1000; |
| 38 | 38 | ||
| 39 | .c-box(style=`background-color: var(--static-colors--blue--${bg});`) | 39 | .c-box(style=`background-color: var(--colors--blue-static--${bg});`) |
| 40 | +divider('strong')(color=theme)= 'Strong' | 40 | +divider('strong')(color=theme)= 'Strong' |
| 41 | +divider('medium')(color=theme)= 'Medium' | 41 | +divider('medium')(color=theme)= 'Medium' |
| 42 | +divider('faint')(color=theme)= 'Faint' | 42 | +divider('faint')(color=theme)= 'Faint' |