diff options
| author |  Corentin Thomasset <corentin.thomasset74@gmail.com>
| 2023-04-23 22:26:32 +0200 |
|---|---|---|
| committer | Corentin THOMASSET <corentin.thomasset74@gmail.com>
| 2023-04-23 22:43:06 +0200 |
| commit | 92bd83536fd1ca84e71d27c3682153cc8eb27d84 (patch) | |
| tree | 55bca29e778aa67dbb9d59f052e20e8433b87169 /src/ui/c-button/c-button.vue | |
| parent | e88c1d5f2c369e19b60af1f1d6424de74020dd2f (diff) | |
| download | it-tools-92bd83536fd1ca84e71d27c3682153cc8eb27d84.tar.gz it-tools-92bd83536fd1ca84e71d27c3682153cc8eb27d84.tar.zst it-tools-92bd83536fd1ca84e71d27c3682153cc8eb27d84.zip | |
feat(ui-lib): demo pages for c-lib components
Diffstat (limited to 'src/ui/c-button/c-button.vue')
| -rw-r--r-- | src/ui/c-button/c-button.vue | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/src/ui/c-button/c-button.vue b/src/ui/c-button/c-button.vue index f52a069..2cbc4fd 100644 --- a/src/ui/c-button/c-button.vue +++ b/src/ui/c-button/c-button.vue @@ -14,6 +14,7 @@ <script lang="ts" setup> import type { RouteLocationRaw } from 'vue-router'; import { useTheme } from './c-button.theme'; +import { useAppTheme } from '../theme/themes'; const props = withDefaults( defineProps<{ @@ -56,11 +57,11 @@ const tag = computed(() => { } return 'button'; }); +const appTheme = useAppTheme(); </script> <style lang="less" scoped> .c-button { - margin: 0; line-height: 1; font-family: inherit; font-size: inherit; @@ -103,7 +104,7 @@ const tag = computed(() => { } &:focus { - outline: 2px solid v-bind('variantTheme.outline.color'); + outline: 1px solid v-bind('appTheme.primary.color'); } &.disabled { |